feat(ui): 添加明暗主题切换支持

- 创建 ThemeProvider 管理主题状态
- 配置浅色和深色主题(Vercel/Linear 风格)
- 集成 Google Fonts(Inter + JetBrains Mono)
- 在我的页面添加主题切换开关
- 更新颜色系统符合 modernization-v2.md 规范
- 优化间距和圆角系统

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-23 14:12:00 +08:00
parent 6ccb29556e
commit c4cf23a4a1
11 changed files with 1052 additions and 208 deletions

View File

@@ -1,7 +1,52 @@
# Monisuo 主题现代化实施计划
## Status
STATUS: COMPLETE
STATUS: IN_PROGRESS
## Phase 7: 现代化改造 v2.0(当前任务)
### 目标
将 Flutter Monisuo 应用打造为现代化、简约、专业的虚拟货币交易平台。
### 设计规范参考: `specs/modernization-v2.md`
### 7.1 P0 - 核心基础设施 ✅
- [x] 7.1.1 创建 ThemeProvider明暗主题切换
- [x] 7.1.2 更新 main.dart 使用 MultiProvider
- [x] 7.1.3 创建浅色主题配置
- [x] 7.1.4 更新深色主题配置
- [x] 7.1.5 在 mine_page 添加主题切换开关
- [x] 7.1.6 更新颜色系统app_colors.dart
- [x] 7.1.7 集成 Google FontsInter + JetBrains Mono
### 7.2 P1 - 组件现代化
- [x] 7.2.1 创建间距系统app_spacing.dart
- [x] 7.2.2 创建圆角系统app_border_radius.dart
- [ ] 7.2.3 优化按钮组件
- [ ] 7.2.4 优化卡片组件
- [ ] 7.2.5 优化输入框组件
### 7.3 P2 - 弹窗现代化
- [ ] 7.3.1 创建现代弹窗模板
- [ ] 7.3.2 创建现代底部抽屉模板
- [ ] 7.3.3 更新所有 AlertDialog
### 7.4 P3 - 页面优化
- [ ] 7.4.1 登录页面现代化
- [ ] 7.4.2 首页现代化
- [ ] 7.4.3 行情页现代化
- [ ] 7.4.4 交易页现代化
- [ ] 7.4.5 资产页现代化
- [ ] 7.4.6 我的页面现代化
### 7.5 P4 - 验证与优化
- [ ] 7.5.1 对比度检查WCAG AA >= 4.5:1
- [ ] 7.5.2 响应式布局测试
- [ ] 7.5.3 动画优化
---
## Previous Phases (Completed)
## Progress