feat(dark-mode): keep preference for next opening using local storage

sylhare · Nov 7, 2023 · 381f74d · 381f74d
1 parent 85ca6f1
commit 381f74d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/assets/js/main.min.js b/assets/js/main.min.js
diff --git a/assets/js/partials/dark-mode.js b/assets/js/partials/dark-mode.js
@@ -10,11 +10,11 @@ const themeButton = {
     'dark': '<i class="fas fa-adjust fa-rotate-180" aria-hidden="true"></i>'
 }
 
-const currentTheme = () => sessionStorage.getItem('theme')
+const currentTheme = () => localStorage.getItem('theme')
 
 function setMode(theme) {
     document.documentElement.setAttribute('data-theme', theme)
-    sessionStorage.setItem('theme', theme)
+    localStorage.setItem('theme', theme)
     const toggle = document.getElementById('theme-toggle')
     if (toggle) {
         toggle.innerHTML = themeButton[theme]
@@ -35,9 +35,9 @@ function bootstrapTheme() {
         if (!currentTheme()) {
             // Load browser's preference
             let browserPrefersDark = window.matchMedia('(prefers-color-scheme: dark)');
-            if (browserPrefersDark.matches) sessionStorage.setItem('theme', 'dark');
+            if (browserPrefersDark.matches) localStorage.setItem('theme', 'dark');
             browserPrefersDark.addEventListener('change', () => {
-                if (browserPrefersDark.matches) sessionStorage.setItem('theme', 'dark')
+                if (browserPrefersDark.matches) localStorage.setItem('theme', 'dark')
             });
         }