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 | } |