fix: Breadcrumb arrow color in dark theme

This commit is contained in:
Suraj Shetty 2021-03-02 15:38:27 +05:30
parent ba2a85965c
commit 0ef74e3681
4 changed files with 6 additions and 4 deletions

View file

@ -1,3 +0,0 @@
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.25 7.5L4.75 4L1.25 0.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Before

Width:  |  Height:  |  Size: 206 B

View file

@ -12,7 +12,7 @@
font-size: var(--text-md);
margin-right: 10px;
&:before {
content: url('/assets/frappe/icons/timeless/icon-right-arrow.svg');
content: var(--right-arrow-svg);
display: inline-block;
margin-right: 10px;
}

View file

@ -50,6 +50,7 @@ $input-height: 28px !default;
// input
--input-height: #{$input-height};
--input-disabled-bg: var(--gray-200);
// timeline
--timeline-item-icon-size: 34px;
@ -60,4 +61,6 @@ $input-height: 28px !default;
// skeleton
--skeleton-bg: var(--gray-100);
--right-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.25 7.5L4.75 4L1.25 0.5' stroke='%231F272E' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

View file

@ -142,4 +142,6 @@
// skeleton
--skeleton-bg: var(--gray-800);
--right-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.25 7.5L4.75 4L1.25 0.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}