diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2020-04-02 11:39:14 +0200 |
---|---|---|
committer | Rigel Kent <sendmemail@rigelk.eu> | 2020-04-02 11:39:14 +0200 |
commit | a6d5ff7604a3c2a94ff8814e2df7ca7bb2b48634 (patch) | |
tree | d8b27f30741ae3c9a2a72c68210644c16cd8d9b3 /client/src/sass/include/_variables.scss | |
parent | 21973012ab06a93dd901821dbbe078eb793bac4d (diff) | |
download | PeerTube-a6d5ff7604a3c2a94ff8814e2df7ca7bb2b48634.tar.gz PeerTube-a6d5ff7604a3c2a94ff8814e2df7ca7bb2b48634.tar.zst PeerTube-a6d5ff7604a3c2a94ff8814e2df7ca7bb2b48634.zip |
Use form-control to display box-shadow on form inputs/selects upon focus
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), |