Static themes

2 files changed, 28 insertions, 0 deletions

diff --git a/src/_themes.scss b/src/_themes.scss
index 32b617b..1a4f36a 100644
--- a/src/_themes.scss
+++ b/src/_themes.scss
@@ -70,4 +70,13 @@
             }
         }
     }
+
+    @each $theme in map.keys(props.get(vars.$transparent-colors)) {
+        $theme-name: static-#{string.slice($theme, 3)};
+
+        @include bem.theme($theme-name) {
+            color:            props.get(vars.$transparent-colors, $theme, --text);
+            background-color: props.get(vars.$transparent-colors, $theme, --900);
+        }
+    }
 }
diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss
index 020e311..2c3411a 100644
--- a/src/scopes/_implicit.scss
+++ b/src/scopes/_implicit.scss
@@ -155,5 +155,24 @@
             padding: 0;
             margin:  0;
         }
+
+        @each $theme in map.keys(props.get(core.$transparent-colors)) {
+            $theme-name: static-#{string.slice($theme, 3)};
+    
+            @include bem.at-theme($theme-name) {
+                h1,
+                h2,
+                h3,
+                h4,
+                h5,
+                h6 {
+                    color: props.get(core.$transparent-colors, $theme, --text);
+                }
+
+                hr {
+                    color: props.get(core.$transparent-colors, $theme, --400);
+                }
+            }
+        }
     }
 }