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); | ||