diff options
-rw-r--r-- | src/_apply-vars.scss | 10 | ||||
-rw-r--r-- | src/_declare-vars.scss | 12 |
2 files changed, 22 insertions, 0 deletions
diff --git a/src/_apply-vars.scss b/src/_apply-vars.scss index 052eeb0..bad21c0 100644 --- a/src/_apply-vars.scss +++ b/src/_apply-vars.scss | |||
@@ -74,3 +74,13 @@ | |||
74 | @include iro.props-assign('palette-dark-hi'); | 74 | @include iro.props-assign('palette-dark-hi'); |
75 | } | 75 | } |
76 | } | 76 | } |
77 | |||
78 | @include iro.bem-theme('lowered2') { | ||
79 | @include iro.props-assign('colors'); | ||
80 | @include iro.props-assign('palette-light-lo2'); | ||
81 | |||
82 | @media (prefers-color-scheme: dark) { | ||
83 | @include iro.props-assign('colors-dark'); | ||
84 | @include iro.props-assign('palette-dark-hi2'); | ||
85 | } | ||
86 | } | ||
diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss index fedb72f..8ef68be 100644 --- a/src/_declare-vars.scss +++ b/src/_declare-vars.scss | |||
@@ -119,6 +119,12 @@ | |||
119 | 119 | ||
120 | @include iro.props-store(( | 120 | @include iro.props-store(( |
121 | --colors: ( | 121 | --colors: ( |
122 | --gray: fn.gray-palette(88%), | ||
123 | ), | ||
124 | ), 'palette-light-lo2'); | ||
125 | |||
126 | @include iro.props-store(( | ||
127 | --colors: ( | ||
122 | --bg-hi2: fn.color(--gray --1, null), // Lightest background | 128 | --bg-hi2: fn.color(--gray --1, null), // Lightest background |
123 | --bg-hi: fn.color(--gray --2, null), // Lighter background | 129 | --bg-hi: fn.color(--gray --2, null), // Lighter background |
124 | --bg: fn.color(--gray --3, null), // Background | 130 | --bg: fn.color(--gray --3, null), // Background |
@@ -169,6 +175,12 @@ | |||
169 | 175 | ||
170 | @include iro.props-store(( | 176 | @include iro.props-store(( |
171 | --colors: ( | 177 | --colors: ( |
178 | --gray: fn.gray-palette(1%), | ||
179 | ), | ||
180 | ), 'palette-dark-hi2'); | ||
181 | |||
182 | @include iro.props-store(( | ||
183 | --colors: ( | ||
172 | --gray: fn.gray-palette(5%), | 184 | --gray: fn.gray-palette(5%), |
173 | ), | 185 | ), |
174 | ), 'palette-dark-hi'); | 186 | ), 'palette-dark-hi'); |