diff options
Diffstat (limited to 'src/_apply-vars.scss')
| -rw-r--r-- | src/_apply-vars.scss | 16 |
1 files changed, 13 insertions, 3 deletions
diff --git a/src/_apply-vars.scss b/src/_apply-vars.scss index 66ad9b7..9639a97 100644 --- a/src/_apply-vars.scss +++ b/src/_apply-vars.scss | |||
| @@ -19,6 +19,12 @@ | |||
| 19 | } | 19 | } |
| 20 | } | 20 | } |
| 21 | 21 | ||
| 22 | @include iro.bem-theme('dark') { | ||
| 23 | @include iro.props-assign('colors'); | ||
| 24 | @include iro.props-assign('colors-dark'); | ||
| 25 | @include iro.props-assign('palette-dark'); | ||
| 26 | } | ||
| 27 | |||
| 22 | @include iro.bem-theme('raised') { | 28 | @include iro.bem-theme('raised') { |
| 23 | @include iro.props-assign('colors'); | 29 | @include iro.props-assign('colors'); |
| 24 | @include iro.props-assign('palette-light-raised'); | 30 | @include iro.props-assign('palette-light-raised'); |
| @@ -29,8 +35,12 @@ | |||
| 29 | } | 35 | } |
| 30 | } | 36 | } |
| 31 | 37 | ||
| 32 | @include iro.bem-theme('dark') { | 38 | @include iro.bem-theme('lowered') { |
| 33 | @include iro.props-assign('colors'); | 39 | @include iro.props-assign('colors'); |
| 34 | @include iro.props-assign('colors-dark'); | 40 | @include iro.props-assign('palette-light-lowered'); |
| 35 | @include iro.props-assign('palette-dark'); | 41 | |
| 42 | @media (prefers-color-scheme: dark) { | ||
| 43 | @include iro.props-assign('colors-dark'); | ||
| 44 | @include iro.props-assign('palette-dark-lowered'); | ||
| 45 | } | ||
| 36 | } | 46 | } |