1 files changed, 53 insertions, 52 deletions

diff --git a/src/_themes.scss b/src/_themes.scss
index 32b617b..fe5a0cb 100644
--- a/src/_themes.scss
+++ b/src/_themes.scss
@@ -1,4 +1,5 @@
 @use 'sass:map';
+@use 'sass:string';
 @use 'iro-sass/src/bem';
 @use 'iro-sass/src/props';
 @use 'include-media/dist/include-media' as media;
@@ -7,67 +8,67 @@
 @forward 'core.vars';
 
 @mixin styles {
-    @include bem.theme('base') {
-        background-color: props.get(vars.$theme, --bg-base);
+        @include bem.theme('base') {
+                background-color: props.get(vars.$theme, --bg-base);
 
-        @include bem.suffix('light') {
-            @media (prefers-color-scheme: light) {
-                background-color: props.get(vars.$theme, --bg-base);
-            }
-        }
+                @include bem.suffix('light') {
+                        @media (prefers-color-scheme: light) {
+                                background-color: props.get(vars.$theme, --bg-base);
+                        }
+                }
 
-        @include bem.suffix('dark') {
-            @media (prefers-color-scheme: dark) {
-                background-color: props.get(vars.$theme, --bg-base);
-            }
-        }
-    }
+                @include bem.suffix('dark') {
+                        @media (prefers-color-scheme: dark) {
+                                background-color: props.get(vars.$theme, --bg-base);
+                        }
+                }
+        }
 
-    @include bem.theme('l1') {
-        background-color: props.get(vars.$theme, --bg-l1);
+        @include bem.theme('l1') {
+                background-color: props.get(vars.$theme, --bg-l1);
 
-        @include bem.suffix('light') {
-            @media (prefers-color-scheme: light) {
-                background-color: props.get(vars.$theme, --bg-l1);
-            }
-        }
+                @include bem.suffix('light') {
+                        @media (prefers-color-scheme: light) {
+                                background-color: props.get(vars.$theme, --bg-l1);
+                        }
+                }
 
-        @include bem.suffix('dark') {
-            @media (prefers-color-scheme: dark) {
-                background-color: props.get(vars.$theme, --bg-l1);
-            }
-        }
-    }
+                @include bem.suffix('dark') {
+                        @media (prefers-color-scheme: dark) {
+                                background-color: props.get(vars.$theme, --bg-l1);
+                        }
+                }
+        }
 
-    @include bem.theme('l2') {
-        background-color: props.get(vars.$theme, --bg-l2);
+        @include bem.theme('l2') {
+                background-color: props.get(vars.$theme, --bg-l2);
 
-        @include bem.suffix('light') {
-            @media (prefers-color-scheme: light) {
-                background-color: props.get(vars.$theme, --bg-l2);
-            }
-        }
+                @include bem.suffix('light') {
+                        @media (prefers-color-scheme: light) {
+                                background-color: props.get(vars.$theme, --bg-l2);
+                        }
+                }
 
-        @include bem.suffix('dark') {
-            @media (prefers-color-scheme: dark) {
-                background-color: props.get(vars.$theme, --bg-l2);
-            }
-        }
-    }
+                @include bem.suffix('dark') {
+                        @media (prefers-color-scheme: dark) {
+                                background-color: props.get(vars.$theme, --bg-l2);
+                        }
+                }
+        }
 
-    @include bem.theme('50') {
-        background-color: props.get(vars.$theme, --base, --50);
+        @include bem.theme('50') {
+                background-color: props.get(vars.$theme, --base, --50);
 
-        @include bem.suffix('light') {
-            @media (prefers-color-scheme: light) {
-                background-color: props.get(vars.$theme, --base, --50);
-            }
-        }
+                @include bem.suffix('light') {
+                        @media (prefers-color-scheme: light) {
+                                background-color: props.get(vars.$theme, --base, --50);
+                        }
+                }
 
-        @include bem.suffix('dark') {
-            @media (prefers-color-scheme: dark) {
-                background-color: props.get(vars.$theme, --base, --50);
-            }
-        }
-    }
+                @include bem.suffix('dark') {
+                        @media (prefers-color-scheme: dark) {
+                                background-color: props.get(vars.$theme, --base, --50);
+                        }
+                }
+        }
 }