add support for prefers-color-scheme: dark

ar363 · May 19, 2021 · 4b8c765 · 4b8c765 · vercel · May 19, 2021
1 parent 336a2c7
commit 4b8c765
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
@@ -30,7 +30,13 @@
       })
     }
 
-    if (localStorage.prefsDark === 'true') {
+    if (
+      localStorage.prefsDark === 'true' || 
+      (
+        window.matchMedia && 
+        window.matchMedia('(prefers-color-scheme: dark)').matches && 
+        localStorage.prefsDark !== 'false')
+      ) {
       document.body.classList.add('dark')
       changeDarkToggleBtnIcon()
     }