style(theme): 客户端切换深色视觉风格

This commit is contained in:
Zhou Weidong committed 2026-10-22 13:49:20 +08:00
1 parent 295c21513c
commit 4bc04fd8ae
75 files changed
+732 -330

No files matched your search

@@ -0,0 +1,28 @@
# 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` 漂移。
- 不启停服务、不操作真机。
+55
View File
@@ -730,3 +730,58 @@ $ flutter test --no-pub
解读:有简介时文本最多 2 行并省略,空简介不渲染且卡片高度与正常卡片一致;
全量静态分析零告警,631 项通过、1 项运行中旧后端能力探测跳过。
`pubspec.lock` 既有改动未提交。
## 2026-10-22 ReelShort 客户端深色视觉改造
- 分支:`feature/dark-theme-client`
- 基线:开发前已有约 43 个未提交视觉文件,本次在原改动上继续收敛,未推倒重来。
- 计划:`docs/plans/2026-10-22-dark-theme-client.md`
### 颜色与主题
- `AppTheme.dark()` 成为默认且唯一主题,系统状态栏/导航栏图标统一浅色。
- 色板统一为背景 `#0B1020`、卡片 `#151B2E`、浮层 `#1C2436`、
divider `#0FFFFFFF`、主色 `#FF6B2C`、辅助链接色 `#22D3EE`。
- 主/次/禁用文字分别使用白色 92% / 64% / 38%。
- 卡片/按钮/输入框/标签圆角统一为 12/10/10/6,卡片阴影关闭。
- 页面和组件内的 `Colors.*`、`Color(0x...)` 已全部映射到 `AppColors`
语义 token;剩余原始色值只在 `app_colors.dart` 中定义。
- 导航、玻璃面板、播放器遮罩、加载轨道、渐变、边框和阴影均改为深色语义。
- 修正全局输入装饰 padding 导致账户性别下拉溢出,保持原布局宽度。
### 验证命令与原始结果
```text
$ git checkout -- pubspec.lock
$ git status --short --branch
## feature/dark-theme-client
$ rg -n -P "Color\(0x|(?<!App)Colors\." lib | rg -v '^lib/core/theme/'
(no output)
$ rg -n "SystemUiOverlayStyle\.dark" lib
(no output)
```
解读:pubspec.lock 漂移已还原;页面/组件层不再直接写颜色,所有状态栏均使用浅色图标。
```text
$ dart analyze lib test
Analyzing lib, test...
No issues found!
```
```text
$ flutter test --no-pub
00:51 +644: All tests passed!
```
```text
$ flutter build apk --debug
Running Gradle task 'assembleDebug'...
2,058ms
✓ Built build/app/outputs/flutter-apk/app-debug.apk
```
解读:静态分析零告警,644 项测试全部通过,debug APK 构建成功;测试与构建后再次确认
`pubspec.lock` 无改动,未启停服务、未操作真机。