default to browsers preferred color scheme, but persist and prefer th…

…e users choice, fixes #17
PrivateBin · Jan 21, 2021 · 059a1fd · 059a1fd
1 parent 1611c7c
commit 059a1fd
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/css/dark-mode-switch.js b/css/dark-mode-switch.js
@@ -22,9 +22,9 @@
       );
     }
     function initTheme() {
-      var darkThemeSelected =
-        localStorage.getItem("darkSwitch") !== null &&
-        localStorage.getItem("darkSwitch") === "dark";
+      var darkThemeSelected = localStorage.getItem("darkSwitch") !== null
+        ? localStorage.getItem("darkSwitch") === "dark"
+        : window.matchMedia("(prefers-color-scheme: dark)").matches;
       darkSwitch.checked = darkThemeSelected;
       darkThemeSelected
         ? enableDark()
@@ -39,7 +39,7 @@
         localStorage.setItem("darkSwitch", "dark");
       } else {
         disableDark();
-        localStorage.removeItem("darkSwitch");
+        localStorage.setItem("darkSwitch", "light");
       }
     }
   }