color-mode mixin fix for keyboard toggle

primer · Mar 30, 2021 · cdf24bb · cdf24bb
1 parent 7021d7d
commit cdf24bb
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/support/mixins/color-modes.scss b/src/support/mixins/color-modes.scss
@@ -29,12 +29,14 @@
 @mixin color-mode($mode) {
   @if $mode == light {
     :root,
-    [data-color-mode="#{$mode}"][data-#{$mode}-theme*="#{$mode}"] {
+    [data-color-mode="dark"][data-dark-theme*="#{$mode}"],
+    [data-color-mode="light"][data-light-theme*="#{$mode}"] {
       @content;
     }
   }
   @else {
-    [data-color-mode="#{$mode}"][data-#{$mode}-theme*="#{$mode}"] {
+    [data-color-mode="dark"][data-dark-theme*="#{$mode}"],
+    [data-color-mode="light"][data-light-theme*="#{$mode}"] {
       @content;
     }
   }