diff --git a/src/App.vue b/src/App.vue
index 5818b14..c9d4d0e 100644
--- 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;
     }
   },