diff --git a/client/src/App.vue b/client/src/App.vue index 631fbae..07b2caf 100644 --- a/client/src/App.vue +++ b/client/src/App.vue @@ -75,31 +75,31 @@ function applyTabBarTheme(theme) { /* ---- 亮色模式(默认:蓝紫科技主题) ---- */ page, .theme-light { /* 基础色 — 蓝紫科技灰 */ - --bg-primary: #f0f2f8; - --bg-secondary: #f5f6fb; - --bg-tertiary: #e8eaf3; + --bg-primary: #e8ecf8; + --bg-secondary: #eef1fa; + --bg-tertiary: #dee3f2; /* 玻璃拟态 — 蓝紫玻璃 */ - --glass-bg: rgba(99, 102, 241, 0.05); - --glass-border: rgba(99, 102, 241, 0.1); - --glass-hover: rgba(99, 102, 241, 0.08); - --glass-hover-border: rgba(99, 102, 241, 0.15); - --glass-strong: rgba(99, 102, 241, 0.08); - --glass-dim-bg: rgba(99, 102, 241, 0.03); + --glass-bg: rgba(99, 102, 241, 0.08); + --glass-border: rgba(99, 102, 241, 0.12); + --glass-hover: rgba(99, 102, 241, 0.12); + --glass-hover-border: rgba(99, 102, 241, 0.18); + --glass-strong: rgba(99, 102, 241, 0.1); + --glass-dim-bg: rgba(99, 102, 241, 0.04); /* 文字 — 深色高对比 */ - --text-primary: #1a1a2e; - --text-secondary: rgba(26, 26, 46, 0.65); - --text-tertiary: rgba(26, 26, 46, 0.45); - --text-muted: rgba(26, 26, 46, 0.28); - --text-disabled: rgba(26, 26, 46, 0.18); + --text-primary: #0f0f23; + --text-secondary: rgba(15, 15, 35, 0.7); + --text-tertiary: rgba(15, 15, 35, 0.5); + --text-muted: rgba(15, 15, 35, 0.32); + --text-disabled: rgba(15, 15, 35, 0.2); /* 品牌色 — 蓝紫 */ --color-brand: #6366f1; --color-brand-light: #818cf8; --color-brand-dark: #4f46e5; - --color-brand-bg: rgba(99, 102, 241, 0.08); - --color-brand-glow: rgba(99, 102, 241, 0.1); + --color-brand-bg: rgba(99, 102, 241, 0.1); + --color-brand-glow: rgba(99, 102, 241, 0.12); /* 维度色 — 保持可识别性,亮色模式加饱和度 */ --dim1-color: #6366f1; diff --git a/client/src/pages.json b/client/src/pages.json index 4d9e8a0..15e4107 100644 --- a/client/src/pages.json +++ b/client/src/pages.json @@ -20,18 +20,18 @@ "globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "宇之然AI维度", - "navigationBarBackgroundColor": "#f0f2f8", - "backgroundColor": "#f0f2f8", - "backgroundColorTop": "#f0f2f8", - "backgroundColorBottom": "#f0f2f8", + "navigationBarBackgroundColor": "#e8ecf8", + "backgroundColor": "#e8ecf8", + "backgroundColorTop": "#e8ecf8", + "backgroundColorBottom": "#e8ecf8", "app-plus": { - "background": "#f0f2f8" + "background": "#e8ecf8" } }, "tabBar": { "color": "rgba(99,102,241,0.4)", "selectedColor": "#6366f1", - "backgroundColor": "#f0f2f8", + "backgroundColor": "#e8ecf8", "borderStyle": "white", "list": [ {"pagePath": "pages/index/index", "text": "探索"}, diff --git a/client/src/styles/theme.scss b/client/src/styles/theme.scss index 16def53..b3e3b7c 100644 --- a/client/src/styles/theme.scss +++ b/client/src/styles/theme.scss @@ -12,7 +12,7 @@ /* ---- SCSS 变量(方便组件内使用) ---- */ $color-brand: #6366f1; $color-brand-light: #818cf8; -$color-bg-primary: #f0f2f8; +$color-bg-primary: #e8ecf8; $color-bg-dark: #14141e; $dim1-color: #6366f1;