diff options
Diffstat (limited to 'client/src/sass/include/_variables.scss')
-rw-r--r-- | client/src/sass/include/_variables.scss | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss index 6102e32f1..ef22fafe0 100644 --- a/client/src/sass/include/_variables.scss +++ b/client/src/sass/include/_variables.scss | |||
@@ -1,4 +1,5 @@ | |||
1 | @use 'sass:math'; | 1 | @use 'sass:math'; |
2 | @use 'sass:color'; | ||
2 | @use '~bootstrap/scss/functions' as *; | 3 | @use '~bootstrap/scss/functions' as *; |
3 | 4 | ||
4 | $small-view: 800px; | 5 | $small-view: 800px; |
@@ -14,11 +15,12 @@ $grey-background-color: #E5E5E5; | |||
14 | $grey-background-hover-color: #EFEFEF; | 15 | $grey-background-hover-color: #EFEFEF; |
15 | $grey-foreground-color: #585858; | 16 | $grey-foreground-color: #585858; |
16 | $grey-foreground-hover-color: #303030; | 17 | $grey-foreground-hover-color: #303030; |
17 | $grey-button-outline-color: scale-color($grey-foreground-color, $alpha: -95%); | 18 | $grey-button-outline-color: color.scale($grey-foreground-color, $alpha: -95%); |
18 | 19 | ||
19 | $main-color: hsl(24, 90%, 50%); | 20 | $main-color: hsl(24, 90%, 50%); |
20 | $main-color-lighter: lighten($main-color, 10%); | 21 | $main-color-lighter: lighten($main-color, 10%); |
21 | $main-color-lightest: lighten($main-color, 40%); | 22 | $main-color-lightest: lighten($main-color, 40%); |
23 | $main-color-very-light: #fff5eb; | ||
22 | 24 | ||
23 | $main-hover-color: lighten($main-color, 5%); | 25 | $main-hover-color: lighten($main-color, 5%); |
24 | $main-background-hover-color: #e9ecef; | 26 | $main-background-hover-color: #e9ecef; |
@@ -109,6 +111,7 @@ $variables: ( | |||
109 | --mainColor: var(--mainColor), | 111 | --mainColor: var(--mainColor), |
110 | --mainColorLighter: var(--mainColorLighter), | 112 | --mainColorLighter: var(--mainColorLighter), |
111 | --mainColorLightest: var(--mainColorLightest), | 113 | --mainColorLightest: var(--mainColorLightest), |
114 | --mainColorVeryLight: var(--mainColorVeryLight), | ||
112 | 115 | ||
113 | --mainHoverColor: var(--mainHoverColor), | 116 | --mainHoverColor: var(--mainHoverColor), |
114 | --mainBackgroundHoverColor: var(--mainBackgroundHoverColor), | 117 | --mainBackgroundHoverColor: var(--mainBackgroundHoverColor), |