add media check

justboil · Nov 27, 2021 · 2a3799f · 2a3799f
1 parent e63fb3d
commit 2a3799f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/src/main.js b/src/main.js
@@ -12,7 +12,9 @@ store.dispatch('fetch', 'clients')
 store.dispatch('fetch', 'history')
 
 /* Dark mode */
-if (localStorage.getItem(darkModeKey)) {
+const localStorageDarkModeValue = localStorage.getItem(darkModeKey)
+
+if ((localStorageDarkModeValue === null && window.matchMedia('(prefers-color-scheme: dark)').matches) || localStorageDarkModeValue === '1') {
  store.dispatch('darkMode')
 }
 

diff --git a/src/store/index.js b/src/store/index.js
@@ -74,11 +74,7 @@ export default createStore({
 
  document.documentElement.classList[value ? 'add' : 'remove']('dark')
 
- if (value) {
- localStorage.setItem(darkModeKey, '1')
- } else {
- localStorage.removeItem(darkModeKey)
- }
+ localStorage.setItem(darkModeKey, value ? '1' : '0')
 
  commit('basic', {
  key: 'darkMode',