Use system default for theme IF not overridden

MinecraftHopper · May 14, 2021 · 62e5dbb · 62e5dbb
1 parent 7f29cac
commit 62e5dbb
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/App.vue b/src/App.vue
@@ -107,7 +107,8 @@ export default {
   },
   beforeCreate() {
     const t = localStorage.getItem("dark-theme");
-    if (t === "dark") {
+    //if the storage doesn't indicate one, and the system is dark, use dark
+    if ((window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches && !t) || t === 'dark') {
       this.$vuetify.theme.dark = true;
     }
   },