1 files changed, 30 insertions, 23 deletions

diff --git a/src/_core.scss b/src/_core.scss
index 7b7a384..7be4b0d 100644
--- a/src/_core.scss
+++ b/src/_core.scss
@@ -9,30 +9,37 @@
 @forward 'core.vars';
 
 @mixin styles {
-    @each $theme-name, $theme in vars.$themes {
-        @if $theme-name == config.$theme-default {
-            :root {
-                @include props.materialize(map.values(meta.module-variables('vars')));
+        @each $theme-name, $theme in vars.$themes {
+                @if $theme-name == config.$theme-default {
+                        :root {
+                                @include props.materialize(map.values(meta.module-variables('vars')));
                 
-                @if map.has-key($theme, 'dark') {
-                    @media (prefers-color-scheme: dark) {
-                        @include props.materialize(map.get($theme, 'dark'));
-                    }
-                }
-            }
-        } @else {
-            @include bem.theme(string.slice($theme-name, 3)) {
-                @include props.materialize(map.get($theme, 'light'));
+                                @if map.has-key($theme, 'dark') {
+                                        @media (prefers-color-scheme: dark) {
+                                                @include props.materialize(map.get($theme, 'dark'));
+                                        }
+                                }
+                        }
 
-                color:            props.get(vars.$theme, --text);
-                background-color: props.get(vars.$theme, --bg-base);
+                        @if map.has-key($theme, 'dark') and config.$explicit-dark-theme {
+                                @include bem.theme('dark') {
+                                        @include props.materialize(map.values(meta.module-variables('vars')));
+                                        @include props.materialize(map.get($theme, 'dark'));
+                                }
+                        }
+                } @else {
+                        @include bem.theme(string.slice($theme-name, 3)) {
+                                @include props.materialize(map.get($theme, 'light'));
 
-                @if map.has-key($theme, 'dark') {
-                    @media (prefers-color-scheme: dark) {
-                        @include props.materialize(map.get($theme, 'dark'));
-                    }
-                }
-            }
-        }
-    }
+                                color:            props.get(vars.$theme, --text);
+                                background-color: props.get(vars.$theme, --bg-base);
+
+                                @if map.has-key($theme, 'dark') {
+                                        @media (prefers-color-scheme: dark) {
+                                                @include props.materialize(map.get($theme, 'dark'));
+                                        }
+                                }
+                        }
+                }
+        }
 }