diff options
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/abstracts/_variables.scss | 4 | ||||
| -rw-r--r-- | src/styles/base/_colors.scss | 3 |
2 files changed, 7 insertions, 0 deletions
diff --git a/src/styles/abstracts/_variables.scss b/src/styles/abstracts/_variables.scss index e7816f3..1ea1d5d 100644 --- a/src/styles/abstracts/_variables.scss +++ b/src/styles/abstracts/_variables.scss @@ -154,6 +154,10 @@ $color_blue-dark: hsl(206, 76%, 25%); $color_grey: hsl(206, 15%, 80%); $color_grey-dark: hsla(206, 10%, 25%); $color_grey-dark-o70: hsla(206, 10%, 25%, 0.7); +$color_grey-dark-o40: hsla(206, 10%, 25%, 0.4); +$color_grey-dark-o20: hsla(206, 10%, 25%, 0.2); $color_orange: hsl(32, 100%, 55%); $color_white: hsl(206, 15%, 97%); $color_white-o90: hsl(206, 15%, 97%, 0.9); +$test: hsl(206, 54%, 95%); +$test2: hsl(210, 40%, 96%); diff --git a/src/styles/base/_colors.scss b/src/styles/base/_colors.scss index 8986dd0..31733b9 100644 --- a/src/styles/base/_colors.scss +++ b/src/styles/base/_colors.scss @@ -4,6 +4,7 @@ --color-bg: #{var.$color_white}; --color-bg-opacity: #{var.$color_white-o90}; --color-fg: #{var.$color_black}; + --color-fg-light: #{var.$color_grey-dark}; --color-fg-inverted: #{var.$color_white}; --color-primary: #{var.$color_blue}; --color-primary-light: #{var.$color_blue-bright}; @@ -13,4 +14,6 @@ --color-border-light: #{var.$color_grey}; --color-highlight: #{var.$color_blue-brighter}; --color-shadow: #{var.$color_grey-dark-o70}; + --color-shadow-light: #{var.$color_grey-dark-o40}; + --color-shadow-lighter: #{var.$color_grey-dark-o20}; } |