51172e8c5a
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 4m27s
Docker Build & Deploy / Deploy to Production (push) Successful in 7s
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Docker Build & Deploy / WeChat Notification (push) Successful in 1s
1.7 KiB
1.7 KiB
Why
统计 V2 页面和日历 V2 页面当前使用不同的配色方案，导致用户在页面切换时视觉体验不一致。统计 V2 使用灰底白卡片（亮色）/灰底黑卡片（暗色），而日历 V2 使用白底灰卡片（亮色）/黑底灰卡片（暗色）。统一配色方案可提升应用整体视觉一致性和用户体验。
What Changes
- 将日历 V2 页面的背景色从
var(--bg-primary)改为var(--bg-secondary)（灰底） - 将日历 V2 页面中的统计卡片背景色从
var(--bg-secondary)改为var(--bg-primary)（白卡片/黑卡片） - 确保日历 V2 的所有子模块（Calendar、Stats、TransactionList）遵循统一的配色方案
- 保持统计 V2 页面现有配色方案不变（作为标准参考）
Capabilities
New Capabilities
consistent-color-scheme: 日历页面和统计页面使用统一的配色方案（灰底 + 白卡片/黑卡片）
Modified Capabilities
Impact
受影响的文件：
Web/src/views/calendarV2/Index.vue- 主容器背景色Web/src/views/calendarV2/modules/Stats.vue- 统计卡片背景色Web/src/views/calendarV2/modules/Calendar.vue- 日历组件背景（如果有独立卡片）Web/src/views/calendarV2/modules/TransactionList.vue- 交易列表卡片背景（如果有）
用户体验影响：
- ✅ 提升页面切换时的视觉连贯性
- ✅ 增强暗色模式下的视觉对比度（黑卡片在灰底上更清晰）
- ✅ 与统计 V2 页面保持一致的设计语言
技术影响：
- 低风险：仅涉及 CSS 变量替换，无逻辑变更
- 无 API 或后端依赖
- 无 breaking changes