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