fix: make dark mode respect system preferences

treat media query as system preferences instead of user prefers
reuixiy · Apr 2, 2020 · 10d6cca · 10d6cca
1 parent cef984d
commit 10d6cca
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/assets/js/dark-mode.js b/assets/js/dark-mode.js
@@ -20,7 +20,6 @@ darkModeMediaQuery.addListener((e) => {
     if (darkModeOn) {
         changeModeMeta('dark');
         changeMode('dark');
-        setMode('dark');
     }
 });
 
@@ -29,7 +28,6 @@ lightModeMediaQuery.addListener((e) => {
     if (lightModeOn) {
         changeModeMeta('light');
         changeMode('light');
-        setMode('light');
     }
 });
 
@@ -44,11 +42,11 @@ themeSwitcher.addEventListener('click', function() {
     if (currentMode === 'dark') {
         changeModeMeta('light');
         changeMode('light');
-        setMode('light');
+        storePrefers('light');
     } else {
         changeModeMeta('dark');
         changeMode('dark');
-        setMode('dark');
+        storePrefers('dark');
     }
 });
 
@@ -102,6 +100,6 @@ function changeMode(theme) {
     {{ end }}
 }
 
-function setMode(theme) {
+function storePrefers(theme) {
     window.localStorage.setItem('theme', theme);
 }