diff --git a/src/store/modules/settings.ts b/src/store/modules/settings.ts
index 8d5b8981ad6024721d0b8dbfff93493071906113..1b92fec85541bac0593aee89b19d72969a9676cb 100644
--- a/src/store/modules/settings.ts
+++ b/src/store/modules/settings.ts
@@ -10,7 +10,7 @@ import variables from '@/styles/element-variables.module.scss'
 export const useSettingStore = defineStore({
     id: "setting",
     state: (): SettingState => ({
-        theme: variables.theme || localStorage.get("theme"),
+        theme: localStorage.get("theme") || variables.theme ,
         showSettings: showSettings,
         tagsView: localStorage.get("tagsView") != null ? localStorage.get("tagsView") : tagsView,
         fixedHeader: fixedHeader,