Replace gray tones with more neutral values

This commit is contained in:
Matthias Metelka 2022-08-29 06:37:16 +02:00
parent b91ee5bbf7
commit 017c3938ef
2 changed files with 23 additions and 23 deletions

View file

@ -9,16 +9,16 @@
$color: ( $color: (
gray: ( gray: (
0: #fafaff, 0: #FFFFFF,
1: #ededf2, 1: #F6F6F6,
2: #c2c2c7, 2: #C5C5C5,
3: #8e8e93, 3: #848484,
4: #636366, 4: #707070,
5: #3a3a3c, 5: #424242,
6: #28282a, 6: #333333,
7: #1f1f21, 7: #2D2D2D,
8: #1a1a1c, 8: #252526,
9: #121214, 9: #1E1E1E,
), ),
red: ( red: (
0: #fef2f2, 0: #fef2f2,

View file

@ -19,15 +19,15 @@ $vars: (
colors: ( colors: (
text-fg: ( text-fg: (
light: get($color, gray, 9), light: get($color, gray, 9),
dark: get($color, gray, 0), dark: get($color, gray, 1),
), ),
window-bg: ( window-bg: (
light: get($color, gray, 0), light: get($color, gray, 1),
dark: get($color, gray, 6), dark: get($color, gray, 7),
), ),
frame-bg: ( frame-bg: (
light: white, light: get($color, gray, 0),
dark: get($color, gray, 7), dark: get($color, gray, 5),
), ),
border: ( border: (
light: get($color, gray, 3), light: get($color, gray, 3),
@ -39,11 +39,11 @@ $vars: (
), ),
slightly-grey-text: ( slightly-grey-text: (
light: get($color, gray, 7), light: get($color, gray, 7),
dark: get($color, gray, 4), dark: get($color, gray, 3),
), ),
disabled: ( disabled: (
light: get($color, gray, 5), light: get($color, gray, 5),
dark: get($color, gray, 6), dark: get($color, gray, 5),
), ),
link: ( link: (
light: get($color, blue, 9), light: get($color, blue, 9),
@ -51,19 +51,19 @@ $vars: (
), ),
review-count: ( review-count: (
light: get($color, green, 7), light: get($color, green, 7),
dark: get($color, green, 4), dark: get($color, green, 5),
), ),
new-count: ( new-count: (
light: get($color, blue, 9), light: get($color, blue, 9),
dark: get($color, blue, 2), dark: get($color, blue, 3),
), ),
learn-count: ( learn-count: (
light: get($color, orange, 7), light: get($color, orange, 7),
dark: get($color, red, 4), dark: get($color, red, 5),
), ),
zero-count: ( zero-count: (
light: get($color, gray, 2), light: get($color, gray, 2),
dark: get($color, gray, 7), dark: get($color, gray, 8),
), ),
highlight-bg: ( highlight-bg: (
light: get($color, cyan, 2), light: get($color, cyan, 2),
@ -162,8 +162,8 @@ $vars: (
dark: get($color, indigo, 5), dark: get($color, indigo, 5),
), ),
code-bg: ( code-bg: (
light: white, light: get($color, gray, 0),
dark: #272822, dark: get($color, gray, 7),
), ),
), ),
); );