diff options
author | 2018-11-24 20:15:39 +0100 | |
---|---|---|
committer | 2018-11-24 20:15:39 +0100 | |
commit | 4ea044ae6b2e27e48d45bc3be1c366f4882bbda5 (patch) | |
tree | d19064b7370cb66ef66407de082bedad4c3128d4 /src/styles/colors.scss | |
parent | disable import/prefer-default-export (diff) | |
download | ferdium-app-4ea044ae6b2e27e48d45bc3be1c366f4882bbda5.tar.gz ferdium-app-4ea044ae6b2e27e48d45bc3be1c366f4882bbda5.tar.zst ferdium-app-4ea044ae6b2e27e48d45bc3be1c366f4882bbda5.zip |
feat(App): Lay groundwork for general themeing support
Diffstat (limited to 'src/styles/colors.scss')
-rw-r--r-- | src/styles/colors.scss | 50 |
1 files changed, 26 insertions, 24 deletions
diff --git a/src/styles/colors.scss b/src/styles/colors.scss index 4411a0e81..80c2fb633 100644 --- a/src/styles/colors.scss +++ b/src/styles/colors.scss | |||
@@ -1,38 +1,40 @@ | |||
1 | $theme-brand-primary: #3498db; | 1 | @import "./type-helper"; |
2 | $theme-brand-success: #5cb85c; | ||
3 | $theme-brand-info: #5bc0de; | ||
4 | $theme-brand-warning: #FF9F00; | ||
5 | $theme-brand-danger: #d9534f; | ||
6 | 2 | ||
7 | $theme-gray-dark: #373a3c; | 3 | $theme-brand-primary: convert-rgb-string-to-color($raw-theme-brand-primary); |
8 | $theme-gray: #55595c; | 4 | $theme-brand-success: convert-rgb-string-to-color($raw-theme-brand-success); |
9 | $theme-gray-light: #818a91; | 5 | $theme-brand-info: convert-rgb-string-to-color($raw-theme-brand-info); |
10 | $theme-gray-lighter: #eceeef; | 6 | $theme-brand-warning: convert-rgb-string-to-color($raw-theme-brand-warning); |
11 | $theme-gray-lightest: #f7f7f9; | 7 | $theme-brand-danger: convert-rgb-string-to-color($raw-theme-brand-danger); |
12 | 8 | ||
13 | $theme-border-radius: 6px; | 9 | $theme-gray-dark: convert-rgb-string-to-color($raw-theme-gray-dark); |
14 | $theme-border-radius-small: 3px; | 10 | $theme-gray: convert-rgb-string-to-color($raw-theme-gray); |
11 | $theme-gray-light: convert-rgb-string-to-color($raw-theme-gray-light); | ||
12 | $theme-gray-lighter: convert-rgb-string-to-color($raw-theme-gray-lighter); | ||
13 | $theme-gray-lightest: convert-rgb-string-to-color($raw-theme-gray-lightest); | ||
15 | 14 | ||
16 | $theme-sidebar-width: 68px; | 15 | $theme-border-radius: to-number($raw-theme-border-radius); |
16 | $theme-border-radius-small: to-number($raw-theme-border-radius-small); | ||
17 | 17 | ||
18 | $theme-text-color: $theme-gray-dark; | 18 | $theme-sidebar-width: to-number($raw-theme-sidebar-width); |
19 | |||
20 | $theme-text-color: convert-rgb-string-to-color($raw-theme-gray-dark); | ||
19 | 21 | ||
20 | $theme-transition-time: .5s; | 22 | $theme-transition-time: .5s; |
21 | 23 | ||
22 | $theme-inset-shadow: inset 0 2px 5px rgba(0, 0, 0, .03); | 24 | $theme-inset-shadow: inset 0 2px 5px rgba(0, 0, 0, .03); |
23 | 25 | ||
24 | // Dark Theme | 26 | // Dark Theme |
25 | $dark-theme-black: #1A1A1A; | 27 | $dark-theme-black: convert-rgb-string-to-color($raw-dark-theme-black); |
26 | 28 | ||
27 | $dark-theme-gray-darkest: #1E1E1E; | 29 | $dark-theme-gray-darkest: convert-rgb-string-to-color($raw-dark-theme-gray-darkest); |
28 | $dark-theme-gray-darker: #2D2F31; | 30 | $dark-theme-gray-darker: convert-rgb-string-to-color($raw-dark-theme-gray-darker); |
29 | $dark-theme-gray-dark: #383A3B; | 31 | $dark-theme-gray-dark: convert-rgb-string-to-color($raw-dark-theme-gray-dark); |
30 | 32 | ||
31 | $dark-theme-gray: #47494B; | 33 | $dark-theme-gray: convert-rgb-string-to-color($raw-dark-theme-gray); |
32 | 34 | ||
33 | $dark-theme-gray-light: #515355; | 35 | $dark-theme-gray-light: convert-rgb-string-to-color($raw-dark-theme-gray-light); |
34 | $dark-theme-gray-lighter: #8a8b8b; | 36 | $dark-theme-gray-lighter: convert-rgb-string-to-color($raw-dark-theme-gray-lighter); |
35 | $dark-theme-gray-lightest: #FFF; | 37 | $dark-theme-gray-lightest: convert-rgb-string-to-color($raw-dark-theme-gray-lightest); |
36 | 38 | ||
37 | $dark-theme-gray-smoke: #CED0D1; | 39 | $dark-theme-gray-smoke: convert-rgb-string-to-color($raw-dark-theme-gray-smoke); |
38 | $dark-theme-text-color: #FFF; | 40 | $dark-theme-text-color: convert-rgb-string-to-color($raw-dark-theme-text-color); |