style: 深色模式改用微信官方配色 #191919,导航栏与页面背景统一
This commit is contained in:
+7
-7
@@ -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 基础字体 */
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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
@@ -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"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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'
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
Reference in New Issue
Block a user