diff options
author | Guille Cura <cura.gf@gmail.com> | 2018-07-05 02:37:43 -0300 |
---|---|---|
committer | Guille Cura <cura.gf@gmail.com> | 2018-07-05 02:37:43 -0300 |
commit | 25c6cbd29aff90f694d72afe28ab56b0113fb16a (patch) | |
tree | 9907623b3a7b835e58b895d08b62c5339b8e0376 /src/styles/colors.scss | |
parent | 5.0.0 beta.18 (diff) | |
download | ferdium-app-25c6cbd29aff90f694d72afe28ab56b0113fb16a.tar.gz ferdium-app-25c6cbd29aff90f694d72afe28ab56b0113fb16a.tar.zst ferdium-app-25c6cbd29aff90f694d72afe28ab56b0113fb16a.zip |
Update stylesheets and added darkMode variable and toggle.
Diffstat (limited to 'src/styles/colors.scss')
-rw-r--r-- | src/styles/colors.scss | 47 |
1 files changed, 31 insertions, 16 deletions
diff --git a/src/styles/colors.scss b/src/styles/colors.scss index 5d8302c28..b669c6a88 100644 --- a/src/styles/colors.scss +++ b/src/styles/colors.scss | |||
@@ -1,22 +1,37 @@ | |||
1 | $theme-brand-primary: #3498db; | 1 | $theme-brand-primary: #3498db; |
2 | $theme-brand-success: #5cb85c; | 2 | $theme-brand-success: #5cb85c; |
3 | $theme-brand-info: #5bc0de; | 3 | $theme-brand-info: #5bc0de; |
4 | $theme-brand-warning: #FF9F00; | 4 | $theme-brand-warning: #FF9F00; |
5 | $theme-brand-danger: #d9534f; | 5 | $theme-brand-danger: #d9534f; |
6 | 6 | ||
7 | $theme-gray-dark: #373a3c; | 7 | $theme-gray-dark: #373a3c; |
8 | $theme-gray: #55595c; | 8 | $theme-gray: #55595c; |
9 | $theme-gray-light: #818a91; | 9 | $theme-gray-light: #818a91; |
10 | $theme-gray-lighter: #eceeef; | 10 | $theme-gray-lighter: #eceeef; |
11 | $theme-gray-lightest: #f7f7f9; | 11 | $theme-gray-lightest: #f7f7f9; |
12 | 12 | ||
13 | $theme-border-radius: 6px; | 13 | $theme-border-radius: 6px; |
14 | $theme-border-radius-small: 3px; | 14 | $theme-border-radius-small: 3px; |
15 | 15 | ||
16 | $theme-sidebar-width: 68px; | 16 | $theme-sidebar-width: 68px; |
17 | 17 | ||
18 | $theme-text-color: $theme-gray-dark; | 18 | $theme-text-color: $theme-gray-dark; |
19 | 19 | ||
20 | $theme-transition-time: 0.5s; | 20 | $theme-transition-time: .5s; |
21 | 21 | ||
22 | $theme-inset-shadow: inset 0 2px 5px rgba(0,0,0,0.03); | 22 | $theme-inset-shadow: inset 0 2px 5px rgba(0, 0, 0, .03); |
23 | |||
24 | // Dark Theme | ||
25 | $dark-theme-black: #1A1A1A; | ||
26 | |||
27 | $dark-theme-gray-darkest: #1E1E1E; | ||
28 | $dark-theme-gray-darker: #2D2F31; | ||
29 | $dark-theme-gray-dark: #383A3B; | ||
30 | |||
31 | $dark-theme-gray: #47494B; | ||
32 | |||
33 | $dark-theme-gray-light: #515355; | ||
34 | $dark-theme-gray-lighter: #686A6C; | ||
35 | $dark-theme-gray-lightest: #A0A2A3; | ||
36 | |||
37 | $dark-theme-gray-smoke: #CED0D1; | ||