diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-27 15:58:14 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-27 16:13:18 +0100 |
| commit | de11222e4cecfdfd4d45f3ec1220ebc1bcb9c8c1 (patch) | |
| tree | 630b5d3f33969873c48890f149e7f1f66435a7ed /src/styles | |
| parent | d5d8a461f0ee8abdd5f19a6f5a7a288b1f025724 (diff) | |
chore: update logo
Adjust previous colors to fit the new website and add a dark version
to better fit with the dark theme.
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/abstracts/_variables.scss | 7 | ||||
| -rw-r--r-- | src/styles/base/_colors.scss | 8 |
2 files changed, 9 insertions, 6 deletions
diff --git a/src/styles/abstracts/_variables.scss b/src/styles/abstracts/_variables.scss index 4e8e33a..79824dd 100644 --- a/src/styles/abstracts/_variables.scss +++ b/src/styles/abstracts/_variables.scss @@ -158,9 +158,10 @@ $light-theme_grey: hsl(206, 15%, 80%); $light-theme_grey-bright: hsl(206, 20%, 86%); $light-theme_grey-brighter: hsl(206, 15%, 90%); $light-theme_grey-dark: hsla(206, 30%, 30%); -$light-theme_grey-dark-o70: hsla(206, 10%, 25%, 0.7); -$light-theme_grey-dark-o40: hsla(206, 10%, 25%, 0.4); -$light-theme_grey-dark-o20: hsla(206, 10%, 25%, 0.2); +$light-theme_grey-darker: hsla(206, 10%, 25%); +$light-theme_grey-darker-o70: hsla(206, 10%, 25%, 0.7); +$light-theme_grey-darker-o40: hsla(206, 10%, 25%, 0.4); +$light-theme_grey-darker-o20: hsla(206, 10%, 25%, 0.2); $light-theme_white: hsl(206, 15%, 97%); $light-theme_white-dark: hsl(206, 20%, 93%); $light-theme_white-o90: hsl(206, 15%, 97%, 0.9); diff --git a/src/styles/base/_colors.scss b/src/styles/base/_colors.scss index 1f90968..5d945bb 100644 --- a/src/styles/base/_colors.scss +++ b/src/styles/base/_colors.scss @@ -19,9 +19,10 @@ --color-border: #{var.$light-theme_grey}; --color-border-dark: #{var.$light-theme_grey-dark}; --color-border-light: #{var.$light-theme_grey-bright}; - --color-shadow: #{var.$light-theme_grey-dark-o40}; - --color-shadow-dark: #{var.$light-theme_grey-dark-o70}; - --color-shadow-light: #{var.$light-theme_grey-dark-o20}; + --color-shadow: #{var.$light-theme_grey-darker-o40}; + --color-shadow-dark: #{var.$light-theme_grey-darker-o70}; + --color-shadow-darker: #{var.$light-theme_grey-darker}; + --color-shadow-light: #{var.$light-theme_grey-darker-o20}; --color-token-red: #{var.$light-theme_red}; --color-token-green: #{var.$light-theme_green}; --color-token-purple: #{var.$light-theme_purple}; @@ -54,6 +55,7 @@ --color-border-light: #{var.$dark-theme_black-brighter}; --color-shadow: #{var.$dark-theme_grey-dark-o40}; --color-shadow-dark: #{var.$dark-theme_grey-dark-o70}; + --color-shadow-darker: #{var.$dark-theme_grey-dark}; --color-shadow-light: #{var.$dark-theme_grey-dark-o20}; --color-token-red: #{var.$dark-theme_red}; --color-token-green: #{var.$dark-theme_green}; |