diff --git a/src/store/modules/settings.ts b/src/store/modules/settings.ts
index 88311660..72e32c42 100644
--- a/src/store/modules/settings.ts
+++ b/src/store/modules/settings.ts
@@ -3,11 +3,12 @@ import {store} from "@/store";
 import {SettingState} from "@/store/interface";
 import defaultSettings from '../../settings'
 const {showSettings, tagsView, fixedHeader, sidebarLogo} = defaultSettings
+import variables from '@/styles/element-variables.scss'
 
 export const useSettingStore = defineStore({
     id: "setting",
     state: (): SettingState => ({
-        theme: '',
+        theme: variables.theme,
         showSettings: showSettings,
         tagsView: tagsView,
         fixedHeader: fixedHeader,