feat: follow system preferences when dark mode isn't fiddled with

fix #170
frappe · Jul 11, 2023 · 901c503 · 901c503
1 parent a04ee41
commit 901c503
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/wiki/public/js/wiki.js b/wiki/public/js/wiki.js
@@ -67,7 +67,11 @@ window.Wiki = class Wiki {
     }
     const darkMode = localStorage.getItem("darkMode");
 
-    if (darkMode === null || darkMode === "false") {
+    if (
+      (!("darkMode" in localStorage) &&
+        !window.matchMedia?.("(prefers-color-scheme: dark)")?.matches) ||
+      darkMode === "false"
+    ) {
       $(".sun-moon-container .feather-sun").removeClass("hide");
     } else {
       $(".sun-moon-container .feather-moon").removeClass("hide");

diff --git a/wiki/wiki/doctype/wiki_page/templates/wiki_navbar.html b/wiki/wiki/doctype/wiki_page/templates/wiki_navbar.html
@@ -1,6 +1,7 @@
 
 <script>
-	if (localStorage.getItem("darkMode") === "true") document.body.classList.add("dark");
+  if (localStorage.getItem("darkMode") === "true" || (!("darkMode" in localStorage) && window.matchMedia?.("(prefers-color-scheme: dark)")?.matches))
+    document.body.classList.add("dark");
 </script>
 
 <nav class="wiki-navbar navbar navbar-light navbar-expand-lg sticky-top pr-4">