diff options
Diffstat (limited to 'client/src/sass/include/_variables.scss')
-rw-r--r-- | client/src/sass/include/_variables.scss | 3 |
1 files changed, 3 insertions, 0 deletions
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss index 3c9fa5939..d0f1a3630 100644 --- a/client/src/sass/include/_variables.scss +++ b/client/src/sass/include/_variables.scss | |||
@@ -12,11 +12,13 @@ $grey-background-color: #E5E5E5; | |||
12 | $grey-background-hover-color: #EFEFEF; | 12 | $grey-background-hover-color: #EFEFEF; |
13 | $grey-foreground-color: #585858; | 13 | $grey-foreground-color: #585858; |
14 | $grey-foreground-hover-color: #303030; | 14 | $grey-foreground-hover-color: #303030; |
15 | $grey-button-outline-color: scale-color($grey-foreground-color, $alpha: -95%); | ||
15 | 16 | ||
16 | // Palette | 17 | // Palette |
17 | $main-color: hsl(24, 90%, 50%); | 18 | $main-color: hsl(24, 90%, 50%); |
18 | $main-hover-color: lighten($main-color, 5%); | 19 | $main-hover-color: lighten($main-color, 5%); |
19 | $main-color-lighter: lighten($main-color, 10%); | 20 | $main-color-lighter: lighten($main-color, 10%); |
21 | $main-color-lightest: lighten($main-color, 40%); | ||
20 | $secondary-color: hsl(187, 77, 34); | 22 | $secondary-color: hsl(187, 77, 34); |
21 | // | 23 | // |
22 | 24 | ||
@@ -77,6 +79,7 @@ $activated-action-button-color: black; | |||
77 | $variables: ( | 79 | $variables: ( |
78 | --mainColor: var(--mainColor), | 80 | --mainColor: var(--mainColor), |
79 | --mainColorLighter: var(--mainColorLighter), | 81 | --mainColorLighter: var(--mainColorLighter), |
82 | --mainColorLightest: var(--mainColorLightest), | ||
80 | --mainHoverColor: var(--mainHoverColor), | 83 | --mainHoverColor: var(--mainHoverColor), |
81 | --mainBackgroundColor: var(--mainBackgroundColor), | 84 | --mainBackgroundColor: var(--mainBackgroundColor), |
82 | --mainForegroundColor: var(--mainForegroundColor), | 85 | --mainForegroundColor: var(--mainForegroundColor), |