1 files changed, 24 insertions, 4 deletions

diff --git a/src/_apply-vars.scss b/src/_apply-vars.scss
index 9639a97..0bdc3a8 100644
--- a/src/_apply-vars.scss
+++ b/src/_apply-vars.scss
@@ -25,22 +25,42 @@
     @include iro.props-assign('palette-dark');
 }
 
+@include iro.bem-theme('hi') {
+    @include iro.props-assign('colors');
+    @include iro.props-assign('palette-light-hi');
+
+    @media (prefers-color-scheme: dark) {
+        @include iro.props-assign('colors-dark');
+        @include iro.props-assign('palette-dark-hi');
+    }
+}
+
+@include iro.bem-theme('lo') {
+    @include iro.props-assign('colors');
+    @include iro.props-assign('palette-light-lo');
+
+    @media (prefers-color-scheme: dark) {
+        @include iro.props-assign('colors-dark');
+        @include iro.props-assign('palette-dark-lo');
+    }
+}
+
 @include iro.bem-theme('raised') {
     @include iro.props-assign('colors');
-    @include iro.props-assign('palette-light-raised');
+    @include iro.props-assign('palette-light-hi');
 
     @media (prefers-color-scheme: dark) {
         @include iro.props-assign('colors-dark');
-        @include iro.props-assign('palette-dark-raised');
+        @include iro.props-assign('palette-dark-lo');
     }
 }
 
 @include iro.bem-theme('lowered') {
     @include iro.props-assign('colors');
-    @include iro.props-assign('palette-light-lowered');
+    @include iro.props-assign('palette-light-lo');
 
     @media (prefers-color-scheme: dark) {
         @include iro.props-assign('colors-dark');
-        @include iro.props-assign('palette-dark-lowered');
+        @include iro.props-assign('palette-dark-hi');
     }
 }