summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--src/_apply-vars.scss10
-rw-r--r--src/_declare-vars.scss12
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');