granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove hardcoded color from new icons

Browse source
This commit is contained in:
Justin Edmund 2022-02-03 00:31:35 -08:00
parent adf450f612
commit 97fafbd8f1
7 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/icons/Add.svg
View file

@ -1,3 +1,3 @@
<svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 11.5C6.5 11.7761 6.72386 12 7 12C7.27614 12 7.5 11.7761 7.5 11.5V7H12C12.2761 7 12.5 6.77614 12.5 6.5C12.5 6.22386 12.2761 6 12 6H7.5V1.5C7.5 1.22386 7.27614 1 7 1C6.72386 1 6.5 1.22386 6.5 1.5V6H2C1.72386 6 1.5 6.22386 1.5 6.5C1.5 6.77614 1.72386 7 2 7H6.5V11.5Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 11.5C6.5 11.7761 6.72386 12 7 12C7.27614 12 7.5 11.7761 7.5 11.5V7H12C12.2761 7 12.5 6.77614 12.5 6.5C12.5 6.22386 12.2761 6 12 6H7.5V1.5C7.5 1.22386 7.27614 1 7 1C6.72386 1 6.5 1.22386 6.5 1.5V6H2C1.72386 6 1.5 6.22386 1.5 6.5C1.5 6.77614 1.72386 7 2 7H6.5V11.5Z" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 414 B

After

Width:  |  Height:  |  Size: 402 B

2
public/icons/Arrow.svg
View file

@ -1,3 +1,3 @@
<svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.3121 4.60937C2.09636 4.43701 1.78173 4.47219 1.60937 4.68793C1.43701 4.90368 1.47219 5.2183 1.68793 5.39066L6.68107 9.37966C6.75234 9.4366 6.8344 9.47089 6.91856 9.48351C7.05774 9.51055 7.20746 9.47854 7.32678 9.38296L12.311 5.39025C12.5265 5.21761 12.5613 4.90294 12.3886 4.68742C12.216 4.4719 11.9013 4.43714 11.6858 4.60979L7.00557 8.35897L2.3121 4.60937Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.3121 4.60937C2.09636 4.43701 1.78173 4.47219 1.60937 4.68793C1.43701 4.90368 1.47219 5.2183 1.68793 5.39066L6.68107 9.37966C6.75234 9.4366 6.8344 9.47089 6.91856 9.48351C7.05774 9.51055 7.20746 9.47854 7.32678 9.38296L12.311 5.39025C12.5265 5.21761 12.5613 4.90294 12.3886 4.68742C12.216 4.4719 11.9013 4.43714 11.6858 4.60979L7.00557 8.35897L2.3121 4.60937Z" >
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 507 B

After

Width:  |  Height:  |  Size: 494 B

2
public/icons/Edit.svg
View file

@ -1,3 +1,3 @@
<svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.69823 1.43907C10.2839 0.853644 11.2333 0.853644 11.819 1.43907L12.5565 2.17616C13.1426 2.762 13.1426 3.71217 12.5565 4.29802L4.29188 12.5584C4.0106 12.8395 3.62918 12.9975 3.23149 12.9975H1.5C1.22386 12.9975 1 12.7736 1 12.4975V10.7544C1 10.3564 1.15814 9.9748 1.43961 9.69347L9.69823 1.43907ZM11.1121 2.14636C10.9168 1.95121 10.6004 1.95121 10.4052 2.14636L2.14654 10.4008C2.05271 10.4945 2 10.6217 2 10.7544V11.9975H3.23149C3.36406 11.9975 3.49119 11.9448 3.58495 11.8511L11.8495 3.59073C12.0449 3.39545 12.0449 3.07873 11.8495 2.88344L11.1121 2.14636Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.69823 1.43907C10.2839 0.853644 11.2333 0.853644 11.819 1.43907L12.5565 2.17616C13.1426 2.762 13.1426 3.71217 12.5565 4.29802L4.29188 12.5584C4.0106 12.8395 3.62918 12.9975 3.23149 12.9975H1.5C1.22386 12.9975 1 12.7736 1 12.4975V10.7544C1 10.3564 1.15814 9.9748 1.43961 9.69347L9.69823 1.43907ZM11.1121 2.14636C10.9168 1.95121 10.6004 1.95121 10.4052 2.14636L2.14654 10.4008C2.05271 10.4945 2 10.6217 2 10.7544V11.9975H3.23149C3.36406 11.9975 3.49119 11.9448 3.58495 11.8511L11.8495 3.59073C12.0449 3.39545 12.0449 3.07873 11.8495 2.88344L11.1121 2.14636Z" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 703 B

After

Width:  |  Height:  |  Size: 691 B

4
public/icons/Save.svg
View file

@ -1,4 +1,4 @@
<svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.99995 13L1.83012 8.27768C0.419589 6.86715 0.419589 4.58023 1.83012 3.1697C3.24065 1.75917 5.25 1.4375 6.97656 3.16406L7.00586 3.19336" stroke="black" stroke-linecap="round"/>
<path d="M7 13L12.1859 8.1122C13.5876 6.7105 13.5876 4.43788 12.1859 3.03617C10.7842 1.63447 8.56577 1.62954 7.16406 3.03125L7 3.19531" stroke="black" stroke-linecap="round"/>
<path d="M6.99995 13L1.83012 8.27768C0.419589 6.86715 0.419589 4.58023 1.83012 3.1697C3.24065 1.75917 5.25 1.4375 6.97656 3.16406L7.00586 3.19336" stroke-linecap="round"/>
<path d="M7 13L12.1859 8.1122C13.5876 6.7105 13.5876 4.43788 12.1859 3.03617C10.7842 1.63447 8.56577 1.62954 7.16406 3.03125L7 3.19531" stroke-linecap="round"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 443 B

After

Width:  |  Height:  |  Size: 413 B

6
public/icons/link.svg
View file

@ -1,5 +1,5 @@
<svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="8.25" y1="5.61336" x2="5.95711" y2="7.90625" stroke="black" stroke-linecap="round"/>
<path d="M3.67157 4.67157L2.17157 6.17157C0.60947 7.73367 0.60947 10.2663 2.17157 11.8284C3.73366 13.3905 6.26632 13.3905 7.82842 11.8284L9.28155 10.3753" stroke="black" stroke-linecap="round"/>
<path d="M10.6569 9L12.1569 7.5C13.719 5.9379 13.719 3.40524 12.1569 1.84314C10.5948 0.281046 8.06211 0.281046 6.50001 1.84314L5.04688 3.29627" stroke="black" stroke-linecap="round"/>
<line x1="8.25" y1="5.61336" x2="5.95711" y2="7.90625" stroke-linecap="round"/>
<path d="M3.67157 4.67157L2.17157 6.17157C0.60947 7.73367 0.60947 10.2663 2.17157 11.8284C3.73366 13.3905 6.26632 13.3905 7.82842 11.8284L9.28155 10.3753" stroke-linecap="round"/>
<path d="M10.6569 9L12.1569 7.5C13.719 5.9379 13.719 3.40524 12.1569 1.84314C10.5948 0.281046 8.06211 0.281046 6.50001 1.84314L5.04688 3.29627" stroke-linecap="round"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 554 B

After

Width:  |  Height:  |  Size: 509 B

2
public/icons/menu.svg
View file

@ -1,3 +1,3 @@
<svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 1.5C1 1.22386 1.22386 1 1.5 1H12.5C12.7761 1 13 1.22386 13 1.5C13 1.77614 12.7761 2 12.5 2H1.5C1.22386 2 1 1.77614 1 1.5ZM1 6.5C1 6.22386 1.22386 6 1.5 6H12.5C12.7761 6 13 6.22386 13 6.5C13 6.77614 12.7761 7 12.5 7H1.5C1.22386 7 1 6.77614 1 6.5ZM1.5 11C1.22386 11 1 11.2239 1 11.5C1 11.7761 1.22386 12 1.5 12H12.5C12.7761 12 13 11.7761 13 11.5C13 11.2239 12.7761 11 12.5 11H1.5Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 1.5C1 1.22386 1.22386 1 1.5 1H12.5C12.7761 1 13 1.22386 13 1.5C13 1.77614 12.7761 2 12.5 2H1.5C1.22386 2 1 1.77614 1 1.5ZM1 6.5C1 6.22386 1.22386 6 1.5 6H12.5C12.7761 6 13 6.22386 13 6.5C13 6.77614 12.7761 7 12.5 7H1.5C1.22386 7 1 6.77614 1 6.5ZM1.5 11C1.22386 11 1 11.2239 1 11.5C1 11.7761 1.22386 12 1.5 12H12.5C12.7761 12 13 11.7761 13 11.5C13 11.2239 12.7761 11 12.5 11H1.5Z" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 527 B

After

Width:  |  Height:  |  Size: 515 B

1
styles/variables.scss
View file

@ -11,6 +11,7 @@ $unit: 8px;
$grey-00: #444;
$grey-10: #777;
$grey-50: #888;
$grey-70: #C6C6C6;
$grey-80: #E9E9E9;
$grey-90: #F5F5F5;
$background-color: $grey-90;