diff options
Diffstat (limited to 'src/styles/colors.scss')
-rw-r--r-- | src/styles/colors.scss | 72 |
1 files changed, 40 insertions, 32 deletions
diff --git a/src/styles/colors.scss b/src/styles/colors.scss index a33d26cf1..eada2bb1d 100644 --- a/src/styles/colors.scss +++ b/src/styles/colors.scss | |||
@@ -1,41 +1,49 @@ | |||
1 | @import "./type-helper"; | 1 | @import './type-helper'; |
2 | 2 | ||
3 | $theme-brand-primary: convert-rgb-string-to-color($raw-theme-brand-primary); | 3 | $theme-brand-primary: convert-rgb-string-to-color($raw-theme-brand-primary); |
4 | $theme-brand-gradient: $theme-brand-primary; | 4 | $theme-brand-gradient: $theme-brand-primary; |
5 | $theme-brand-success: convert-rgb-string-to-color($raw-theme-brand-success); | 5 | $theme-brand-success: convert-rgb-string-to-color($raw-theme-brand-success); |
6 | $theme-brand-info: convert-rgb-string-to-color($raw-theme-brand-info); | 6 | $theme-brand-info: convert-rgb-string-to-color($raw-theme-brand-info); |
7 | $theme-brand-warning: convert-rgb-string-to-color($raw-theme-brand-warning); | 7 | $theme-brand-warning: convert-rgb-string-to-color($raw-theme-brand-warning); |
8 | $theme-brand-danger: convert-rgb-string-to-color($raw-theme-brand-danger); | 8 | $theme-brand-danger: convert-rgb-string-to-color($raw-theme-brand-danger); |
9 | 9 | ||
10 | $theme-gray-dark: convert-rgb-string-to-color($raw-theme-gray-dark); | 10 | $theme-gray-dark: convert-rgb-string-to-color($raw-theme-gray-dark); |
11 | $theme-gray: convert-rgb-string-to-color($raw-theme-gray); | 11 | $theme-gray: convert-rgb-string-to-color($raw-theme-gray); |
12 | $theme-gray-light: convert-rgb-string-to-color($raw-theme-gray-light); | 12 | $theme-gray-light: convert-rgb-string-to-color($raw-theme-gray-light); |
13 | $theme-gray-lighter: convert-rgb-string-to-color($raw-theme-gray-lighter); | 13 | $theme-gray-lighter: convert-rgb-string-to-color($raw-theme-gray-lighter); |
14 | $theme-gray-lightest: convert-rgb-string-to-color($raw-theme-gray-lightest); | 14 | $theme-gray-lightest: convert-rgb-string-to-color($raw-theme-gray-lightest); |
15 | 15 | ||
16 | $theme-border-radius: to-number($raw-theme-border-radius); | 16 | $theme-border-radius: to-number($raw-theme-border-radius); |
17 | $theme-border-radius-small: to-number($raw-theme-border-radius-small); | 17 | $theme-border-radius-small: to-number($raw-theme-border-radius-small); |
18 | 18 | ||
19 | $theme-sidebar-width: to-number($raw-theme-sidebar-width); | 19 | $theme-sidebar-width: to-number($raw-theme-sidebar-width); |
20 | 20 | ||
21 | $theme-text-color: convert-rgb-string-to-color($raw-theme-gray-dark); | 21 | $theme-text-color: convert-rgb-string-to-color($raw-theme-gray-dark); |
22 | 22 | ||
23 | $theme-transition-time: .5s; | 23 | $theme-transition-time: 0.5s; |
24 | 24 | ||
25 | $theme-inset-shadow: inset 0 2px 5px rgba(0, 0, 0, .03); | 25 | $theme-inset-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.03); |
26 | 26 | ||
27 | // Dark Theme | 27 | // Dark Theme |
28 | $dark-theme-black: convert-rgb-string-to-color($raw-dark-theme-black); | 28 | $dark-theme-black: convert-rgb-string-to-color($raw-dark-theme-black); |
29 | 29 | ||
30 | $dark-theme-gray-darkest: convert-rgb-string-to-color($raw-dark-theme-gray-darkest); | 30 | $dark-theme-gray-darkest: convert-rgb-string-to-color( |
31 | $dark-theme-gray-darker: convert-rgb-string-to-color($raw-dark-theme-gray-darker); | 31 | $raw-dark-theme-gray-darkest |
32 | $dark-theme-gray-dark: convert-rgb-string-to-color($raw-dark-theme-gray-dark); | 32 | ); |
33 | 33 | $dark-theme-gray-darker: convert-rgb-string-to-color( | |
34 | $dark-theme-gray: convert-rgb-string-to-color($raw-dark-theme-gray); | 34 | $raw-dark-theme-gray-darker |
35 | 35 | ); | |
36 | $dark-theme-gray-light: convert-rgb-string-to-color($raw-dark-theme-gray-light); | 36 | $dark-theme-gray-dark: convert-rgb-string-to-color($raw-dark-theme-gray-dark); |
37 | $dark-theme-gray-lighter: convert-rgb-string-to-color($raw-dark-theme-gray-lighter); | 37 | |
38 | $dark-theme-gray-lightest: convert-rgb-string-to-color($raw-dark-theme-gray-lightest); | 38 | $dark-theme-gray: convert-rgb-string-to-color($raw-dark-theme-gray); |
39 | 39 | ||
40 | $dark-theme-gray-smoke: convert-rgb-string-to-color($raw-dark-theme-gray-smoke); | 40 | $dark-theme-gray-light: convert-rgb-string-to-color($raw-dark-theme-gray-light); |
41 | $dark-theme-text-color: convert-rgb-string-to-color($raw-dark-theme-text-color); | 41 | $dark-theme-gray-lighter: convert-rgb-string-to-color( |
42 | $raw-dark-theme-gray-lighter | ||
43 | ); | ||
44 | $dark-theme-gray-lightest: convert-rgb-string-to-color( | ||
45 | $raw-dark-theme-gray-lightest | ||
46 | ); | ||
47 | |||
48 | $dark-theme-gray-smoke: convert-rgb-string-to-color($raw-dark-theme-gray-smoke); | ||
49 | $dark-theme-text-color: convert-rgb-string-to-color($raw-dark-theme-text-color); | ||