29 lines
1.0 KiB
Markdown
29 lines
1.0 KiB
Markdown
# ReelShort 客户端深色视觉改造
|
|
|
|
## 目标
|
|
|
|
- 深色设为默认且唯一主题,页面、卡片、浮层、播放器和底部导航保持一致。
|
|
- 色板收敛到 `AppColors`,主题组件配置收敛到 `AppTheme`。
|
|
- 保持现有布局、信息结构、路由、业务逻辑和文案不变。
|
|
|
|
## 结果
|
|
|
|
- 背景 `#0B1020`、卡片 `#151B2E`、浮层 `#1C2436`、分割线白色 6%。
|
|
- 主文字白色 92%、次文字 64%、禁用 38%。
|
|
- 主色 `#FF6B2C`,辅助链接色 `#22D3EE`。
|
|
- 卡片 12、按钮/输入框 10、标签 6,阴影关闭,组件使用分割线分层。
|
|
- 页面级透明、遮罩、阴影、媒体底、玻璃面和渐变全部映射到 AppColors 语义 token。
|
|
- 系统栏统一浅色图标,AppBar 与底部导航使用深色表面。
|
|
|
|
## 验证
|
|
|
|
- 主题 token、对比度、系统栏、圆角与关键页 smoke 测试。
|
|
- `dart analyze lib test`
|
|
- `flutter test --no-pub`
|
|
- `flutter build apk --debug`
|
|
|
|
## 约束
|
|
|
|
- 不提交 `pubspec.lock` 漂移。
|
|
- 不启停服务、不操作真机。
|