Added lowered2 theme

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 @@
         @include iro.props-assign('palette-dark-hi');
     }
 }
+
+@include iro.bem-theme('lowered2') {
+    @include iro.props-assign('colors');
+    @include iro.props-assign('palette-light-lo2');
+
+    @media (prefers-color-scheme: dark) {
+        @include iro.props-assign('colors-dark');
+        @include iro.props-assign('palette-dark-hi2');
+    }
+}
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 @@
 
 @include iro.props-store((
     --colors: (
+        --gray: fn.gray-palette(88%),
+    ),
+), 'palette-light-lo2');
+
+@include iro.props-store((
+    --colors: (
         --bg-hi2: fn.color(--gray --1, null), // Lightest background
         --bg-hi:  fn.color(--gray --2, null), // Lighter background
         --bg:     fn.color(--gray --3, null), // Background
@@ -169,6 +175,12 @@
 
 @include iro.props-store((
     --colors: (
+        --gray: fn.gray-palette(1%),
+    ),
+), 'palette-dark-hi2');
+
+@include iro.props-store((
+    --colors: (
         --gray: fn.gray-palette(5%),
     ),
 ), 'palette-dark-hi');