## 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