修改河南项目的管理后台ui和删除之前不需要的游戏

promo-ui2/src/store/modules/app.ts

@@ -64,34 +64,38 @@ export const useAppStore = defineStore('app', {
       isDark: false, // 是否是暗黑模式
       currentSize: 'default', // 组件尺寸
       theme: {
-        // 主题色
-        elColorPrimary: '#409eff',
+        /* Cottagecore（田园核风）
+           ⚠️ 本 store 是 persist: true，老用户 localStorage 里的 'app' 会覆盖这里的默认值。
+              换肤后如果看到旧配色，清掉 localStorage 的 'app' 键（或在设置抽屉里重新选一次色）即可。
+           色值与 src/styles/var.css 保持一致，两处要一起改。 */
+        // 主题色（陶土棕 · 与 success 草绿拉开色相，避免新增/修改按钮同色）
+        elColorPrimary: '#9a5c35',
         // 左侧菜单边框颜色
         leftMenuBorderColor: 'inherit',
-        // 左侧菜单背景颜色
-        leftMenuBgColor: '#001529',
+        // 左侧菜单背景颜色（奶油）
+        leftMenuBgColor: '#faf6f0',
         // 左侧菜单浅色背景颜色
-        leftMenuBgLightColor: '#0f2438',
-        // 左侧菜单选中背景颜色
-        leftMenuBgActiveColor: 'var(--el-color-primary)',
+        leftMenuBgLightColor: '#f6efe3',
+        // 左侧菜单选中背景颜色（陶土浅色，不用实心，免得整栏太重）
+        leftMenuBgActiveColor: 'rgba(154, 92, 53, 0.16)',
         // 左侧菜单收起选中背景颜色
-        leftMenuCollapseBgActiveColor: 'var(--el-color-primary)',
+        leftMenuCollapseBgActiveColor: 'rgba(154, 92, 53, 0.16)',
         // 左侧菜单字体颜色
-        leftMenuTextColor: '#bfcbd9',
+        leftMenuTextColor: '#5f4f3d',
         // 左侧菜单选中字体颜色
-        leftMenuTextActiveColor: '#fff',
+        leftMenuTextActiveColor: '#9a5c35',
         // logo字体颜色
-        logoTitleTextColor: '#fff',
+        logoTitleTextColor: '#4f4130',
         // logo边框颜色
         logoBorderColor: 'inherit',
         // 头部背景颜色
-        topHeaderBgColor: '#fff',
+        topHeaderBgColor: '#faf6f0',
         // 头部字体颜色
         topHeaderTextColor: 'inherit',
         // 头部悬停颜色
-        topHeaderHoverColor: '#f6f6f6',
+        topHeaderHoverColor: '#f6efe3',
         // 头部边框颜色
-        topToolBorderColor: '#eee'
+        topToolBorderColor: '#eadfd0'
       }
     }
   },
@@ -279,7 +283,7 @@ export const useAppStore = defineStore('app', {
       const isDarkColor = colorIsDark(color)
       const theme: Recordable = {
         // 左侧菜单边框颜色
-        leftMenuBorderColor: isDarkColor ? 'inherit' : '#eee',
+        leftMenuBorderColor: isDarkColor ? 'inherit' : '#eadfd0',
         // 左侧菜单背景颜色
         leftMenuBgColor: color,
         // 左侧菜单浅色背景颜色
@@ -293,13 +297,13 @@ export const useAppStore = defineStore('app', {
           ? 'var(--el-color-primary)'
           : hexToRGB(unref(primaryColor) as string, 0.1),
         // 左侧菜单字体颜色
-        leftMenuTextColor: isDarkColor ? '#bfcbd9' : '#333',
+        leftMenuTextColor: isDarkColor ? '#bfcbd9' : '#5f4f3d',
         // 左侧菜单选中字体颜色
         leftMenuTextActiveColor: isDarkColor ? '#fff' : 'var(--el-color-primary)',
         // logo字体颜色
         logoTitleTextColor: isDarkColor ? '#fff' : 'inherit',
         // logo边框颜色
-        logoBorderColor: isDarkColor ? color : '#eee'
+        logoBorderColor: isDarkColor ? color : '#eadfd0'
       }
       this.setTheme(theme)
       this.setCssVarTheme()
@@ -308,7 +312,7 @@ export const useAppStore = defineStore('app', {
       const isDarkColor = colorIsDark(color)
       const textColor = isDarkColor ? '#fff' : 'inherit'
       const textHoverColor = isDarkColor ? lighten(color!, 6) : '#f6f6f6'
-      const topToolBorderColor = isDarkColor ? color : '#eee'
+      const topToolBorderColor = isDarkColor ? color : '#eadfd0'
       setCssVar('--top-header-bg-color', color)
       setCssVar('--top-header-text-color', textColor)
       setCssVar('--top-header-hover-color', textHoverColor)