mirror of
https://github.com/anyproto/anytype-ts.git
synced 2025-06-08 05:57:02 +09:00
JS-5660: color updates
This commit is contained in:
Andrew Simachev
parent
e96e0faf4a
commit
d091dababa
16 changed files with 45 additions and 52 deletions
|
|
@ -50,7 +50,6 @@ html.anytypeWebclipper-popup {
|
|||
--color-ice: #2aa7ee;
|
||||
--color-teal: #0fc8ba;
|
||||
--color-lime: #5dd400;
|
||||
--color-green: #57c600;
|
||||
|
||||
/* Font */
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.57866 14.0007L6.4565 11.5291H9.98491L10.8627 14.0007H11.9707L8.76616 5.27344H7.67525L4.4707 14.0007H5.57866ZM6.78888 10.5916L8.18661 6.65412H8.25479L9.65252 10.5916H6.78888Z" fill="#ebebeb"/>
|
||||
<path d="M14.9999 14.1541C16.1419 14.1541 16.7385 13.5405 16.943 13.1143H16.9942V14.0007H17.9999V9.68821C17.9999 7.60866 16.4146 7.37003 15.5794 7.37003C14.5908 7.37003 13.4658 7.71094 12.9544 8.90412L13.9089 9.24503C14.1305 8.76776 14.6547 8.25639 15.6135 8.25639C16.5382 8.25639 16.9942 8.74645 16.9942 9.58594V9.62003C16.9942 10.1058 16.4999 10.0632 15.3067 10.2166C14.0922 10.3743 12.7669 10.6428 12.7669 12.1428C12.7669 13.4212 13.7555 14.1541 14.9999 14.1541ZM15.1533 13.2507C14.3521 13.2507 13.7726 12.8928 13.7726 12.1939C13.7726 11.4268 14.4714 11.1882 15.2555 11.0859C15.6817 11.0348 16.8237 10.9155 16.9942 10.7109V11.6314C16.9942 12.4496 16.3464 13.2507 15.1533 13.2507Z" fill="#ebebeb"/>
|
||||
<path d="M0 1H1V19H0V1Z" fill="#ebebeb"/>
|
||||
<path d="M5.57866 14.0007L6.4565 11.5291H9.98491L10.8627 14.0007H11.9707L8.76616 5.27344H7.67525L4.4707 14.0007H5.57866ZM6.78888 10.5916L8.18661 6.65412H8.25479L9.65252 10.5916H6.78888Z" fill="#f8f8f8"/>
|
||||
<path d="M14.9999 14.1541C16.1419 14.1541 16.7385 13.5405 16.943 13.1143H16.9942V14.0007H17.9999V9.68821C17.9999 7.60866 16.4146 7.37003 15.5794 7.37003C14.5908 7.37003 13.4658 7.71094 12.9544 8.90412L13.9089 9.24503C14.1305 8.76776 14.6547 8.25639 15.6135 8.25639C16.5382 8.25639 16.9942 8.74645 16.9942 9.58594V9.62003C16.9942 10.1058 16.4999 10.0632 15.3067 10.2166C14.0922 10.3743 12.7669 10.6428 12.7669 12.1428C12.7669 13.4212 13.7555 14.1541 14.9999 14.1541ZM15.1533 13.2507C14.3521 13.2507 13.7726 12.8928 13.7726 12.1939C13.7726 11.4268 14.4714 11.1882 15.2555 11.0859C15.6817 11.0348 16.8237 10.9155 16.9942 10.7109V11.6314C16.9942 12.4496 16.3464 13.2507 15.1533 13.2507Z" fill="#f8f8f8"/>
|
||||
<path d="M0 1H1V19H0V1Z" fill="#f8f8f8"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1 KiB After Width: | Height: | Size: 1 KiB |
|
|
@ -1,5 +1,5 @@
|
|||
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.1088 26.9687L12.4256 23.2613H17.7182L19.035 26.9687H20.6969L15.8901 13.8778H14.2537L9.4469 26.9687H11.1088ZM12.9242 21.8551L15.0208 15.9488H15.123L17.2196 21.8551H12.9242Z" fill="#ebebeb"/>
|
||||
<path d="M25.1406 27.1988C26.8537 27.1988 27.7486 26.2784 28.0554 25.6392H28.1321V26.9687H29.6406V20.5C29.6406 17.3806 27.2628 17.0227 26.0099 17.0227C24.527 17.0227 22.8395 17.5341 22.0724 19.3238L23.5043 19.8352C23.8366 19.1193 24.6229 18.3522 26.0611 18.3522C27.4482 18.3522 28.1321 19.0873 28.1321 20.3466V20.3977C28.1321 21.1264 27.3906 21.0625 25.6008 21.2926C23.7791 21.5291 21.7912 21.9318 21.7912 24.1818C21.7912 26.0994 23.2741 27.1988 25.1406 27.1988ZM25.3707 25.8437C24.169 25.8437 23.2997 25.3068 23.2997 24.2585C23.2997 23.1079 24.348 22.75 25.5241 22.5966C26.1633 22.5199 27.8764 22.3409 28.1321 22.0341V23.4147C28.1321 24.642 27.1605 25.8437 25.3707 25.8437Z" fill="#ebebeb"/>
|
||||
<path d="M0 7H1V33H0V7Z" fill="#ebebeb"/>
|
||||
<path d="M11.1088 26.9687L12.4256 23.2613H17.7182L19.035 26.9687H20.6969L15.8901 13.8778H14.2537L9.4469 26.9687H11.1088ZM12.9242 21.8551L15.0208 15.9488H15.123L17.2196 21.8551H12.9242Z" fill="#f8f8f8"/>
|
||||
<path d="M25.1406 27.1988C26.8537 27.1988 27.7486 26.2784 28.0554 25.6392H28.1321V26.9687H29.6406V20.5C29.6406 17.3806 27.2628 17.0227 26.0099 17.0227C24.527 17.0227 22.8395 17.5341 22.0724 19.3238L23.5043 19.8352C23.8366 19.1193 24.6229 18.3522 26.0611 18.3522C27.4482 18.3522 28.1321 19.0873 28.1321 20.3466V20.3977C28.1321 21.1264 27.3906 21.0625 25.6008 21.2926C23.7791 21.5291 21.7912 21.9318 21.7912 24.1818C21.7912 26.0994 23.2741 27.1988 25.1406 27.1988ZM25.3707 25.8437C24.169 25.8437 23.2997 25.3068 23.2997 24.2585C23.2997 23.1079 24.348 22.75 25.5241 22.5966C26.1633 22.5199 27.8764 22.3409 28.1321 22.0341V23.4147C28.1321 24.642 27.1605 25.8437 25.3707 25.8437Z" fill="#f8f8f8"/>
|
||||
<path d="M0 7H1V33H0V7Z" fill="#f8f8f8"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1 KiB After Width: | Height: | Size: 1 KiB |
|
|
@ -1,10 +1,10 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="9" y="2" width="1.5" height="5" rx="0.75" fill="#ebebeb" fill-opacity="0.8"/>
|
||||
<rect x="14.9492" y="3.63605" width="1.5" height="5" rx="0.75" transform="rotate(45 14.9492 3.63605)" fill="#ebebeb" fill-opacity="0.1"/>
|
||||
<rect x="18" y="9" width="1.5" height="5" rx="0.75" transform="rotate(90 18 9)" fill="#ebebeb" fill-opacity="0.2"/>
|
||||
<rect x="16.3633" y="14.9498" width="1.5" height="5" rx="0.75" transform="rotate(135 16.3633 14.9498)" fill="#ebebeb" fill-opacity="0.3"/>
|
||||
<rect x="11" y="18" width="1.5" height="5" rx="0.75" transform="rotate(180 11 18)" fill="#ebebeb" fill-opacity="0.4"/>
|
||||
<rect x="5.05078" y="16.364" width="1.5" height="5" rx="0.75" transform="rotate(-135 5.05078 16.364)" fill="#ebebeb" fill-opacity="0.5"/>
|
||||
<rect x="2" y="11" width="1.5" height="5" rx="0.75" transform="rotate(-90 2 11)" fill="#ebebeb" fill-opacity="0.6"/>
|
||||
<rect x="3.63672" y="5.05023" width="1.5" height="5" rx="0.75" transform="rotate(-45 3.63672 5.05023)" fill="#ebebeb" fill-opacity="0.7"/>
|
||||
<rect x="9" y="2" width="1.5" height="5" rx="0.75" fill="#f8f8f8" fill-opacity="0.8"/>
|
||||
<rect x="14.9492" y="3.63605" width="1.5" height="5" rx="0.75" transform="rotate(45 14.9492 3.63605)" fill="#f8f8f8" fill-opacity="0.1"/>
|
||||
<rect x="18" y="9" width="1.5" height="5" rx="0.75" transform="rotate(90 18 9)" fill="#f8f8f8" fill-opacity="0.2"/>
|
||||
<rect x="16.3633" y="14.9498" width="1.5" height="5" rx="0.75" transform="rotate(135 16.3633 14.9498)" fill="#f8f8f8" fill-opacity="0.3"/>
|
||||
<rect x="11" y="18" width="1.5" height="5" rx="0.75" transform="rotate(180 11 18)" fill="#f8f8f8" fill-opacity="0.4"/>
|
||||
<rect x="5.05078" y="16.364" width="1.5" height="5" rx="0.75" transform="rotate(-135 5.05078 16.364)" fill="#f8f8f8" fill-opacity="0.5"/>
|
||||
<rect x="2" y="11" width="1.5" height="5" rx="0.75" transform="rotate(-90 2 11)" fill="#f8f8f8" fill-opacity="0.6"/>
|
||||
<rect x="3.63672" y="5.05023" width="1.5" height="5" rx="0.75" transform="rotate(-45 3.63672 5.05023)" fill="#f8f8f8" fill-opacity="0.7"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
|
@ -1,3 +1,3 @@
|
|||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="6.875" y="3" width="2" height="10" fill="#ebebeb"/>
|
||||
<rect x="6.875" y="3" width="2" height="10" fill="#f8f8f8"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 163 B After Width: | Height: | Size: 163 B |
|
|
@ -1,4 +1,4 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="2" y="6.99994" width="11" height="11" rx="5.5" fill="#ebebeb"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 2.99994C8.11929 2.99994 7 4.11923 7 5.49994V6.01894C7.16502 6.00639 7.33176 6 7.5 6C11.0899 6 14 8.91015 14 12.5C14 12.6682 13.9936 12.8349 13.9811 12.9999H14.5C15.8807 12.9999 17 11.8807 17 10.4999V5.49994C17 4.11923 15.8807 2.99994 14.5 2.99994H9.5Z" fill="#ebebeb"/>
|
||||
<rect x="2" y="6.99994" width="11" height="11" rx="5.5" fill="#f8f8f8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 2.99994C8.11929 2.99994 7 4.11923 7 5.49994V6.01894C7.16502 6.00639 7.33176 6 7.5 6C11.0899 6 14 8.91015 14 12.5C14 12.6682 13.9936 12.8349 13.9811 12.9999H14.5C15.8807 12.9999 17 11.8807 17 10.4999V5.49994C17 4.11923 15.8807 2.99994 14.5 2.99994H9.5Z" fill="#f8f8f8"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 500 B After Width: | Height: | Size: 500 B |
|
|
@ -1,5 +1,5 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.04076 6.35156H4.03906L6.01172 15.1523L13.9941 15.1582L15.9648 6.35156H15.9592C15.6111 7.84276 13.0758 9 10 9C6.92415 9 4.38888 7.84276 4.04076 6.35156Z" fill="#ebebeb"/>
|
||||
<ellipse cx="10" cy="15" rx="4" ry="2" fill="#ebebeb"/>
|
||||
<path d="M15.5 6C15.5 6.53701 15.0517 7.15779 14.019 7.67411C13.0163 8.17547 11.5961 8.5 10 8.5C8.40394 8.5 6.98369 8.17547 5.98097 7.67411C4.94833 7.15779 4.5 6.53701 4.5 6C4.5 5.46299 4.94833 4.84221 5.98097 4.32589C6.98369 3.82453 8.40394 3.5 10 3.5C11.5961 3.5 13.0163 3.82453 14.019 4.32589C15.0517 4.84221 15.5 5.46299 15.5 6Z" stroke="#ebebeb"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.04076 6.35156H4.03906L6.01172 15.1523L13.9941 15.1582L15.9648 6.35156H15.9592C15.6111 7.84276 13.0758 9 10 9C6.92415 9 4.38888 7.84276 4.04076 6.35156Z" fill="#f8f8f8"/>
|
||||
<ellipse cx="10" cy="15" rx="4" ry="2" fill="#f8f8f8"/>
|
||||
<path d="M15.5 6C15.5 6.53701 15.0517 7.15779 14.019 7.67411C13.0163 8.17547 11.5961 8.5 10 8.5C8.40394 8.5 6.98369 8.17547 5.98097 7.67411C4.94833 7.15779 4.5 6.53701 4.5 6C4.5 5.46299 4.94833 4.84221 5.98097 4.32589C6.98369 3.82453 8.40394 3.5 10 3.5C11.5961 3.5 13.0163 3.82453 14.019 4.32589C15.0517 4.84221 15.5 5.46299 15.5 6Z" stroke="#f8f8f8"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 734 B After Width: | Height: | Size: 734 B |
|
|
@ -1,3 +1,3 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.44444 16C4.96914 16 4.83333 15.6374 5.07407 15.3496C5.30864 15.0619 5.92593 14.4288 6.27161 13.8993C6.32099 13.8129 6.29012 13.7266 6.19753 13.6806C4.21605 12.6906 3 11.0734 3 9.23165C3 6.33669 6.11111 4 10 4C13.8889 4 17 6.33669 17 9.23165C17 12.0978 14.0494 14.4576 9.59877 14.4576C9.51852 14.4576 9.43827 14.4518 9.35802 14.446C9.27161 14.446 9.18518 14.4748 9.08025 14.5439C8.03086 15.246 6.18519 16 5.44444 16Z" fill="#ebebeb"/>
|
||||
<path d="M5.44444 16C4.96914 16 4.83333 15.6374 5.07407 15.3496C5.30864 15.0619 5.92593 14.4288 6.27161 13.8993C6.32099 13.8129 6.29012 13.7266 6.19753 13.6806C4.21605 12.6906 3 11.0734 3 9.23165C3 6.33669 6.11111 4 10 4C13.8889 4 17 6.33669 17 9.23165C17 12.0978 14.0494 14.4576 9.59877 14.4576C9.51852 14.4576 9.43827 14.4518 9.35802 14.446C9.27161 14.446 9.18518 14.4748 9.08025 14.5439C8.03086 15.246 6.18519 16 5.44444 16Z" fill="#f8f8f8"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 549 B After Width: | Height: | Size: 549 B |
|
|
@ -1,6 +1,6 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<ellipse cx="13.5" cy="5.5" rx="2.25" ry="2.5" fill="#ebebeb"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.72754 11.046C10.9779 11.9536 11.8313 13.3749 11.9777 15H17.2501C17.6644 15 18.0001 14.6642 18.0001 14.25V13.5C18.0001 11.0147 15.9854 9 13.5001 9C11.9202 9 10.5304 9.81424 9.72754 11.046Z" fill="#ebebeb"/>
|
||||
<path d="M2 15.5C2 13.0147 4.01472 11 6.5 11C8.98528 11 11 13.0147 11 15.5V16.2188C11 16.633 10.6642 16.9688 10.25 16.9688H2.75C2.33579 16.9688 2 16.633 2 16.2188V15.5Z" fill="#ebebeb"/>
|
||||
<ellipse cx="6.5" cy="7.5" rx="2.25" ry="2.5" fill="#ebebeb"/>
|
||||
<ellipse cx="13.5" cy="5.5" rx="2.25" ry="2.5" fill="#f8f8f8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.72754 11.046C10.9779 11.9536 11.8313 13.3749 11.9777 15H17.2501C17.6644 15 18.0001 14.6642 18.0001 14.25V13.5C18.0001 11.0147 15.9854 9 13.5001 9C11.9202 9 10.5304 9.81424 9.72754 11.046Z" fill="#f8f8f8"/>
|
||||
<path d="M2 15.5C2 13.0147 4.01472 11 6.5 11C8.98528 11 11 13.0147 11 15.5V16.2188C11 16.633 10.6642 16.9688 10.25 16.9688H2.75C2.33579 16.9688 2 16.633 2 16.2188V15.5Z" fill="#f8f8f8"/>
|
||||
<ellipse cx="6.5" cy="7.5" rx="2.25" ry="2.5" fill="#f8f8f8"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 675 B After Width: | Height: | Size: 675 B |
|
|
@ -1,7 +1,7 @@
|
|||
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1" y="1.87793" width="8" height="8" rx="4" fill="#ebebeb"/>
|
||||
<rect x="1" y="11.8779" width="8" height="8" rx="2.5" fill="#ebebeb"/>
|
||||
<rect x="11.5" y="2.37793" width="7" height="7" fill="#ebebeb"/>
|
||||
<rect x="14.25" y="11.8779" width="1.5" height="8" rx="0.75" fill="#ebebeb"/>
|
||||
<rect x="11" y="15.1279" width="8" height="1.5" rx="0.75" fill="#ebebeb"/>
|
||||
<rect x="1" y="1.87793" width="8" height="8" rx="4" fill="#f8f8f8"/>
|
||||
<rect x="1" y="11.8779" width="8" height="8" rx="2.5" fill="#f8f8f8"/>
|
||||
<rect x="11.5" y="2.37793" width="7" height="7" fill="#f8f8f8"/>
|
||||
<rect x="14.25" y="11.8779" width="1.5" height="8" rx="0.75" fill="#f8f8f8"/>
|
||||
<rect x="11" y="15.1279" width="8" height="1.5" rx="0.75" fill="#f8f8f8"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 461 B After Width: | Height: | Size: 461 B |
|
|
@ -2,6 +2,7 @@ export default {
|
|||
iconSpace: {
|
||||
text: '#fff',
|
||||
bg: {
|
||||
grey: '#949494',
|
||||
yellow: '#ecd91b',
|
||||
orange: '#ffb522',
|
||||
red: '#f55522',
|
||||
|
|
@ -10,11 +11,10 @@ export default {
|
|||
blue: '#3e58eb',
|
||||
ice: '#2aa7ee',
|
||||
teal: '#0fc8ba',
|
||||
green: '#57c600',
|
||||
grey: '#949494',
|
||||
lime: '#5dd400',
|
||||
},
|
||||
|
||||
list: [ 'grey', 'yellow', 'orange', 'red', 'pink', 'purple', 'blue', 'ice', 'teal', 'lime', 'green' ],
|
||||
list: [ 'grey', 'yellow', 'orange', 'red', 'pink', 'purple', 'blue', 'ice', 'teal', 'lime' ],
|
||||
},
|
||||
|
||||
/* ----------------------------------------------------------- */
|
||||
|
|
@ -32,7 +32,6 @@ export default {
|
|||
ice: '#2aa7ee',
|
||||
teal: '#0fc8ba',
|
||||
lime: '#5dd400',
|
||||
green: '#57c600',
|
||||
},
|
||||
|
||||
graph: {
|
||||
|
|
@ -65,7 +64,7 @@ export default {
|
|||
dark: {
|
||||
|
||||
color: {
|
||||
default: '#ebebeb',
|
||||
default: '#f8f8f8',
|
||||
yellow: '#ecd91b',
|
||||
orange: '#ffb522',
|
||||
red: '#f55522',
|
||||
|
|
@ -75,7 +74,6 @@ export default {
|
|||
ice: '#2aa7ee',
|
||||
teal: '#0fc8ba',
|
||||
lime: '#5dd400',
|
||||
green: '#57c600',
|
||||
},
|
||||
|
||||
graph: {
|
||||
|
|
|
|||
|
|
@ -16,9 +16,9 @@
|
|||
--color-shape-secondary-inversion: #292929;
|
||||
--color-shape-tertiary: #f2f2f2;
|
||||
|
||||
--color-shape-highlight-dark: rgba(79, 79, 79, 0.16);
|
||||
--color-shape-highlight-medium: rgba(79, 79, 79, 0.08);
|
||||
--color-shape-highlight-light: rgba(79, 79, 79, 0.04);
|
||||
--color-shape-highlight-dark: rgba(0, 0, 0, 0.11);
|
||||
--color-shape-highlight-medium: rgba(0, 0, 0, 0.05);
|
||||
--color-shape-highlight-light: rgba(0, 0, 0, 0.03);
|
||||
|
||||
--color-shape-highlight-add: rgba(93,212,0,0.2);
|
||||
--color-shape-highlight-change: rgba(42,167,238,0.2);
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
--color-control-accent: #252525;
|
||||
--color-control-active: #b6b6b6;
|
||||
--color-control-active-inversion: #737373;
|
||||
--color-control-inactive: #ebebeb;
|
||||
--color-control-inactive: #dcdcdc;
|
||||
--color-control-bg: #fff;
|
||||
|
||||
/* Background */
|
||||
|
|
@ -44,8 +44,8 @@
|
|||
--color-system-accent-100: #ffb522;
|
||||
--color-system-accent-50: #ffd15b;
|
||||
--color-system-accent-25: #ffee94;
|
||||
--color-system-selection: rgba(24, 163, 241, 0.15);
|
||||
--color-system-drop-zone: rgba(255, 187, 44, 0.25);
|
||||
--color-system-selection: rgba(42, 167, 238, 0.10);
|
||||
--color-system-drop-zone: rgba(255, 181, 34, 0.25);
|
||||
|
||||
/* Color */
|
||||
|
||||
|
|
@ -58,7 +58,6 @@
|
|||
--color-ice: #2aa7ee;
|
||||
--color-teal: #0fc8ba;
|
||||
--color-lime: #5dd400;
|
||||
--color-green: #57c600;
|
||||
|
||||
/* Font */
|
||||
|
||||
|
|
|
|||
|
|
@ -21,7 +21,6 @@
|
|||
.bg-blue { background: var(--color-blue) !important; }
|
||||
.bg-ice { background: var(--color-ice) !important; }
|
||||
.bg-lime { background: var(--color-lime) !important; }
|
||||
.bg-green { background: var(--color-green) !important; }
|
||||
|
||||
.placeholder { color: var(--color-text-tertiary); top: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; }
|
||||
#entry {
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@
|
|||
|
||||
.statusBar { @include text-small; min-height: 18px; margin: 0px 0px 2px; color: var(--color-text-secondary); }
|
||||
.statusBar.error { color: var(--color-red); }
|
||||
.statusBar.ok { color: var(--color-green); }
|
||||
.statusBar.ok { color: var(--color-lime); }
|
||||
|
||||
.priceWrapper { margin-bottom: 14px; }
|
||||
.priceWrapper {
|
||||
|
|
@ -157,7 +157,7 @@
|
|||
|
||||
.statusBar { @include text-small; min-height: 18px; margin: 0px 0px 4px; color: var(--color-text-secondary); }
|
||||
.statusBar.error { color: var(--color-red); }
|
||||
.statusBar.ok { color: var(--color-green); }
|
||||
.statusBar.ok { color: var(--color-lime); }
|
||||
|
||||
.button { width: 100%; }
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ $themePath: '~img/theme/dark';
|
|||
html.themeDark {
|
||||
/* Text */
|
||||
|
||||
--color-text-primary: #ebebeb;
|
||||
--color-text-primary: #f8f8f8;
|
||||
--color-text-secondary: #9a9a9a;
|
||||
--color-text-tertiary: #656565;
|
||||
--color-text-inversion: #171717;
|
||||
|
|
@ -31,14 +31,13 @@ html.themeDark {
|
|||
|
||||
--color-bg-primary: #171717;
|
||||
--color-bg-secondary: #191919;
|
||||
--color-bg-tertiary: #464646;
|
||||
--color-bg-loader: rgba(0,0,0,0.7);
|
||||
|
||||
/* System */
|
||||
|
||||
--color-system-accent-125: #ffc83c;
|
||||
--color-system-accent-50: #9f6b00;
|
||||
--color-system-accent-25: #f09c0e;
|
||||
--color-system-accent-25: #694500;
|
||||
--color-system-selection: rgba(24, 163, 241, 0.15);
|
||||
|
||||
/* Common */
|
||||
|
|
@ -68,7 +67,7 @@ html.themeDark {
|
|||
.isMultiSelect.tagColor-red { color: var(--color-red) !important; background: #74321e !important; }
|
||||
.isMultiSelect.tagColor-pink { color: var(--color-pink) !important; background: #712055 !important; }
|
||||
.isMultiSelect.tagColor-purple { color: var(--color-purple) !important; background: #542663 !important; }
|
||||
.isMultiSelect.tagColor-blue { color: var(--color-blue) !important; background: #2b3368 !important; }
|
||||
.isMultiSelect.tagColor-blue { color: var(--color-blue) !important; background: #20295c !important; }
|
||||
.isMultiSelect.tagColor-ice { color: var(--color-ice) !important; background: #19465f !important; }
|
||||
.isMultiSelect.tagColor-teal { color: var(--color-teal) !important; background: #16534e !important; }
|
||||
.isMultiSelect.tagColor-lime { color: var(--color-lime) !important; background: #36551d !important; }
|
||||
|
|
|
|||
|
|
@ -13,7 +13,6 @@
|
|||
.popup.popupSettings, .popup.popupSettingsOnboarding {
|
||||
|
||||
.mainSides {
|
||||
> .side.left { background: var(--color-bg-secondary); }
|
||||
> .side.left {
|
||||
.item {
|
||||
.icon.logout { background-image: url('#{$themePath}/icon/popup/settings/logout.svg'); }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue