style: 深色模式改用微信官方配色 #191919,导航栏与页面背景统一

This commit is contained in:
2026-08-06 17:00:37 +08:00
parent 501f633102
commit 1624e33f5e
9 changed files with 26 additions and 26 deletions
+7 -7
View File
@@ -14,7 +14,7 @@
.theme-dark {
min-height: 100vh;
background-color: var(--bg-page, #000000);
background-color: var(--bg-page, #191919);
box-sizing: border-box;
}
@@ -35,18 +35,18 @@
}
.theme-dark {
--bg-page: #000000;
--bg-page: #191919;
--line-card: 3px dashed #5b8cff;
--line-star: #5b8cff;
--text-primary: #e8e8e8;
--text-secondary: #a8a8a8;
--text-muted: #6f6f6f;
--text-primary: #e6e6e6;
--text-secondary: #999999;
--text-muted: #737373;
--accent-pink: #ff7eb3;
--accent-blue: #5cadff;
--btn-gradient: linear-gradient(135deg, #ff7eb3 0%, #7a5cff 100%);
--shadow-card: 0 8px 24px rgba(0, 0, 0, 0.3);
--bg-input: #141414;
--bg-card: #1a1a1a;
--bg-input: #232323;
--bg-card: #232323;
}
/* page 基础字体 */
+2 -2
View File
@@ -16,7 +16,7 @@
/* 自定义组件样式隔离:两套主题配色在组件内自包含,不依赖全局 app.wxss */
.custom-tab-bar.theme-dark {
background: #000000;
background: #191919;
border-top-color: #5b8cff;
}
@@ -49,7 +49,7 @@
}
.custom-tab-bar.theme-dark .tab-label {
color: #a8a8a8;
color: #999999;
}
.tab-item.active .tab-label {
+1 -1
View File
@@ -21,7 +21,7 @@ export function useStatusBar(resolvedTheme: 'light' | 'dark', options: UseStatus
const apply = useCallback(() => {
const isDarkText = mode === 'dark' || (mode === 'auto' && resolvedTheme === 'light')
const frontColor = isDarkText ? '#000000' : '#ffffff'
const bgColor = isDarkText ? '#ffffff' : '#000000'
const bgColor = isDarkText ? '#ffffff' : '#191919'
Taro.setNavigationBarColor({ frontColor, backgroundColor: bgColor })
// 同步页面背景色,确保自定义导航区(状态栏下方、胶囊按钮区域)跟随主题,
+6 -6
View File
@@ -12,15 +12,15 @@
"tabBarBorderStyle": "black"
},
"dark": {
"navBgColor": "#000000",
"navBgColor": "#191919",
"navTxtStyle": "white",
"bgColor": "#000000",
"bgColor": "#191919",
"bgTxtStyle": "light",
"bgColorTop": "#000000",
"bgColorBottom": "#000000",
"tabBarColor": "#a8a8a8",
"bgColorTop": "#191919",
"bgColorBottom": "#191919",
"tabBarColor": "#999999",
"tabBarSelectedColor": "#ff7eb3",
"tabBarBgColor": "#000000",
"tabBarBgColor": "#191919",
"tabBarBorderStyle": "white"
}
}
+1 -1
View File
@@ -2,7 +2,7 @@ import Taro from '@tarojs/taro'
/** 实际生效主题对应的窗口/页面背景色 */
export function themePageColor(theme: 'light' | 'dark'): string {
return theme === 'dark' ? '#000000' : '#ffffff'
return theme === 'dark' ? '#191919' : '#ffffff'
}
/**