style: 深色模式统一改为纯黑背景,去除泛紫

This commit is contained in:
2026-08-06 16:43:46 +08:00
parent e01951cd0e
commit 501f633102
9 changed files with 26 additions and 26 deletions
+1 -1
View File
File diff suppressed because one or more lines are too long
+1 -1
View File
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -1 +1 @@
.custom-tab-bar{-ms-flex-pack:distribute;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;border-top:3rpx dashed #a0c4ff;bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;height:120rpx;-webkit-justify-content:space-around;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:1000}.custom-tab-bar.theme-dark{background:#1e1e2f;border-top-color:#5b8cff}.tab-item{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:10rpx 20rpx;position:relative}.tab-icon-img{height:28rpx;margin-bottom:4rpx;opacity:.6;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:28rpx}.tab-item.active .tab-icon-img{opacity:1;-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}.tab-label{color:#b08d8d;font-size:20rpx;-webkit-transition:color .2s;transition:color .2s}.custom-tab-bar.theme-dark .tab-label{color:#a0a0c0}.tab-item.active .tab-label{color:#ff9a9e;font-weight:600}.custom-tab-bar.theme-dark .tab-item.active .tab-label{color:#ff7eb3}
.custom-tab-bar{-ms-flex-pack:distribute;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;border-top:3rpx dashed #a0c4ff;bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;height:120rpx;-webkit-justify-content:space-around;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:1000}.custom-tab-bar.theme-dark{background:#000;border-top-color:#5b8cff}.tab-item{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:10rpx 20rpx;position:relative}.tab-icon-img{height:28rpx;margin-bottom:4rpx;opacity:.6;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:28rpx}.tab-item.active .tab-icon-img{opacity:1;-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}.tab-label{color:#b08d8d;font-size:20rpx;-webkit-transition:color .2s;transition:color .2s}.custom-tab-bar.theme-dark .tab-label{color:#a8a8a8}.tab-item.active .tab-label{color:#ff9a9e;font-weight:600}.custom-tab-bar.theme-dark .tab-item.active .tab-label{color:#ff7eb3}
+6 -6
View File
@@ -12,15 +12,15 @@
"tabBarBorderStyle": "black"
},
"dark": {
"navBgColor": "#1e1e2f",
"navBgColor": "#000000",
"navTxtStyle": "white",
"bgColor": "#1e1e2f",
"bgColor": "#000000",
"bgTxtStyle": "light",
"bgColorTop": "#1e1e2f",
"bgColorBottom": "#1e1e2f",
"tabBarColor": "#a0a0c0",
"bgColorTop": "#000000",
"bgColorBottom": "#000000",
"tabBarColor": "#a8a8a8",
"tabBarSelectedColor": "#ff7eb3",
"tabBarBgColor": "#1e1e2f",
"tabBarBgColor": "#000000",
"tabBarBorderStyle": "white"
}
}
+7 -7
View File
@@ -14,7 +14,7 @@
.theme-dark {
min-height: 100vh;
background-color: var(--bg-page, #1e1e2f);
background-color: var(--bg-page, #000000);
box-sizing: border-box;
}
@@ -35,18 +35,18 @@
}
.theme-dark {
--bg-page: #1e1e2f;
--bg-page: #000000;
--line-card: 3px dashed #5b8cff;
--line-star: #5b8cff;
--text-primary: #e0e0f0;
--text-secondary: #a0a0c0;
--text-muted: #7070a0;
--text-primary: #e8e8e8;
--text-secondary: #a8a8a8;
--text-muted: #6f6f6f;
--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: #252540;
--bg-card: #2a2a40;
--bg-input: #141414;
--bg-card: #1a1a1a;
}
/* page 基础字体 */
+2 -2
View File
@@ -16,7 +16,7 @@
/* 自定义组件样式隔离:两套主题配色在组件内自包含,不依赖全局 app.wxss */
.custom-tab-bar.theme-dark {
background: #1e1e2f;
background: #000000;
border-top-color: #5b8cff;
}
@@ -49,7 +49,7 @@
}
.custom-tab-bar.theme-dark .tab-label {
color: #a0a0c0;
color: #a8a8a8;
}
.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' : '#1e1e2f'
const bgColor = isDarkText ? '#ffffff' : '#000000'
Taro.setNavigationBarColor({ frontColor, backgroundColor: bgColor })
// 同步页面背景色,确保自定义导航区(状态栏下方、胶囊按钮区域)跟随主题,
+6 -6
View File
@@ -12,15 +12,15 @@
"tabBarBorderStyle": "black"
},
"dark": {
"navBgColor": "#1e1e2f",
"navBgColor": "#000000",
"navTxtStyle": "white",
"bgColor": "#1e1e2f",
"bgColor": "#000000",
"bgTxtStyle": "light",
"bgColorTop": "#1e1e2f",
"bgColorBottom": "#1e1e2f",
"tabBarColor": "#a0a0c0",
"bgColorTop": "#000000",
"bgColorBottom": "#000000",
"tabBarColor": "#a8a8a8",
"tabBarSelectedColor": "#ff7eb3",
"tabBarBgColor": "#1e1e2f",
"tabBarBgColor": "#000000",
"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' ? '#1e1e2f' : '#ffffff'
return theme === 'dark' ? '#000000' : '#ffffff'
}
/**