diff --git a/index.html b/index.html
index 90a9720..a2ca5d5 100644
--- a/index.html
+++ b/index.html
@@ -9,24 +9,19 @@
   <body>
     <div id="app">
       <script>
-        const designSetting = JSON.parse(
-          window.localStorage.getItem('DESIGN-SETTING'),
-        )
-
         ;(() => {
+          const { darkMode, appTheme = '#5d9dfe' } =
+            JSON.parse(window.localStorage.getItem('DESIGN-SETTING')) || {}
+
           let htmlRoot = document.getElementById('htmlRoot')
-          let darkMode = designSetting.darkMode
-          if (htmlRoot && darkMode) {
-            htmlRoot.setAttribute('data-theme', darkMode)
-            darkMode = htmlRoot = null
-          } else {
-            htmlRoot.setAttribute('data-theme', 'light')
+          if (htmlRoot) {
+            htmlRoot.setAttribute('data-theme', darkMode || 'light')
           }
 
           // 设置主题色变量
           document.documentElement.style.setProperty(
             '--app-theme-color',
-            designSetting.appTheme,
+            appTheme,
           )
         })()
       </script>
diff --git a/src/components/Logo.vue b/src/components/Logo.vue
index 8ca39c0..9ed5134 100644
--- a/src/components/Logo.vue
+++ b/src/components/Logo.vue
@@ -44,8 +44,7 @@
 <script setup lang="ts">
 import { useDesignSettingStore } from '@/store/modules/designSetting'
 import { hexToRgba } from '@/utils/index'
-
-const { appThemeList } = designSetting
+import { appThemeList } from '@/settings/designSetting'
 
 const defaultAppTheme = appThemeList[0]
 const designStore = useDesignSettingStore()
