Add color-scheme CSS property (#388)

next-theme · Nov 2, 2021 · 0fc5f84 · 0fc5f84
1 parent f8c0f46
commit 0fc5f84
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/source/css/_colors.styl b/source/css/_colors.styl
@@ -24,6 +24,8 @@
   --highlight-foreground: $highlight-foreground;
   --highlight-gutter-background: $highlight-gutter-background;
   --highlight-gutter-foreground: $highlight-gutter-foreground;
+
+  color-scheme: light;
 }
 
 if (hexo-config('darkmode')) {
@@ -54,6 +56,8 @@ if (hexo-config('darkmode')) {
       --highlight-foreground: $highlight-foreground-dark;
       --highlight-gutter-background: $highlight-gutter-background-dark;
       --highlight-gutter-foreground: $highlight-gutter-foreground-dark;
+
+      color-scheme: dark;
     }
 
     img {
@@ -63,5 +67,9 @@ if (hexo-config('darkmode')) {
         opacity: .9;
       }
     }
+
+    iframe {
+      color-scheme: light;
+    }
   }
 }