diff --git a/src/main.tsx b/src/main.tsx
index 1d2bbd0..f0ba4f3 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -14,6 +14,7 @@ import { GlobalContext } from './context';
 import Login from './pages/login';
 import checkLogin from './utils/checkLogin';
 import changeTheme from './utils/changeTheme';
+import initThemeColor from './utils/initThemeColor';
 import useStorage from './utils/useStorage';
 import './mock';
 
@@ -59,6 +60,15 @@ function Index() {
     changeTheme(theme);
   }, [theme]);
 
+  // 初始化主题色 - 根据 settings.json 生成并注入完整的10个梯度色CSS变量
+  useEffect(() => {
+    const settings = store.getState().settings;
+    if (settings && settings.themeColor) {
+      const isDark = theme === 'dark';
+      initThemeColor(settings.themeColor, isDark);
+    }
+  }, [theme]); // 当明暗模式切换时，也需要重新生成梯度色
+
   const contextValue = {
     lang,
     setLang,
diff --git a/src/settings.json b/src/settings.json
index a23c068..340491d 100644
--- a/src/settings.json
+++ b/src/settings.json
@@ -2,7 +2,7 @@
   "colorWeek": false,
   "navbar": true,
   "menu": true,
-  "footer": true,
-  "themeColor": "#006266",
+  "footer": false,
+  "themeColor": "#4834D4",
   "menuWidth": 220
 }