refactor(theme): 统一应用深色主题替换日夜切换功能

- 移除白天主题相关样式定义和切换逻辑
- 将主题系统固定为深色主题(琥珀夜光)
- 更新页面背景色设置为统一深色
- 简化导航栏和标签栏主题应用逻辑
- 移除白天主题的颜色变量和样式类
- 更新主题混入文件以支持单一深色主题
```
This commit is contained in:
cg
2026-08-16 22:45:10 +08:00
parent 9fa22d5d1b
commit 06ec10cf10
5 changed files with 34 additions and 96 deletions
+1 -48
View File
@@ -1,7 +1,7 @@
/* ==========================================
* 碰盏日记 - 设计令牌 (Design Tokens)
* 设计概念: 琥珀夜光 Amber Night / 暖白琥珀 Warm Day
* 支持日夜主题自动切换
* 全局统一深色主题(琥珀夜光)
* ========================================== */
/* --- 夜间主题(默认)--- */
@@ -51,53 +51,6 @@ page, .theme-dark {
--tab-bar-color: #9494AC;
}
/* --- 白天主题(清透玻璃感 Crystal Day)--- */
.theme-light {
--bg-base: #F2F5F9;
--bg-card: #FFFFFF;
--bg-card-alt: #EEF2F7;
--bg-elevated: #E4EAF2;
--amber: #E09B2D;
--amber-light: #F2B84B;
--amber-deep: #C67F15;
--amber-glow: rgba(224, 155, 45, 0.10);
--coral: #F0655A;
--mint: #34B88C;
--lavender: #7C82A8;
--text-primary: #16233C;
--text-secondary: #5D6B82;
--text-tertiary: #9BA8BA;
--text-on-amber: #FFFFFF;
--border-subtle: rgba(22, 40, 70, 0.08);
--border-faint: rgba(22, 40, 70, 0.06);
--border-micro: rgba(22, 40, 70, 0.04);
--border-dashed: rgba(22, 40, 70, 0.12);
--border-active: rgba(22, 40, 70, 0.10);
--divider-color: rgba(22, 40, 70, 0.06);
--bg-subtle: rgba(22, 40, 70, 0.02);
--bg-hover: rgba(22, 40, 70, 0.04);
--bg-input: rgba(22, 40, 70, 0.04);
--btn-shimmer: rgba(255, 255, 255, 0.45);
--overlay-mask: rgba(10, 20, 40, 0.4);
--overlay-modal: rgba(10, 20, 40, 0.5);
--shadow-sm: 0 4rpx 16rpx rgba(30, 60, 110, 0.07);
--shadow-md: 0 8rpx 32rpx rgba(30, 60, 110, 0.10);
--shadow-amber: 0 8rpx 32rpx rgba(224, 155, 45, 0.22);
--shadow-lg: 0 16rpx 48rpx rgba(30, 60, 110, 0.14);
--card-gradient-start: #F8FAFD;
--card-gradient-end: #EFF3F9;
--nav-bar-bg: #F2F5F9;
--nav-bar-text: black;
--tab-bar-bg: #FFFFFF;
--tab-bar-color: #9BA8BA;
}
/* --- 色彩系统(SCSS变量桥接到CSS变量,含暗色回退值)--- */
$bg-base: var(--bg-base, #0B0B14);
$bg-card: var(--bg-card, #1A1A28);