diff --git a/app/src/App.vue b/app/src/App.vue
index c5ac51d3..0342e34f 100644
--- a/app/src/App.vue
+++ b/app/src/App.vue
@@ -160,7 +160,7 @@ export default {
       this.$store.commit('SET_SPINNER', 'spookycat')
     }
 
-    document.documentElement.setAttribute('dark-theme', localStorage.getItem('theme')) // updates the data-theme attribute
+    document.documentElement.setAttribute('dark-theme', this.theme) // updates the data-theme attribute
   }
 }
 </script>
diff --git a/app/src/store/settings.js b/app/src/store/settings.js
index 9d94c620..6c4341e9 100644
--- a/app/src/store/settings.js
+++ b/app/src/store/settings.js
@@ -13,7 +13,7 @@ export default {
     fallbackLocale: localStorage.getItem('fallbackLocale'),
     cache: localStorage.getItem('cache') !== 'false',
     transitions: localStorage.getItem('transitions') !== 'false',
-    theme: localStorage.getItem('theme') !== 'false',
+    theme: localStorage.getItem('theme') === 'true',
     experimental: localStorage.getItem('experimental') === 'true',
     spinner: 'pacman',
     supportedLocales: supportedLocales