Files
ReelShort/docs/plans/2026-10-22-dark-theme-client.md

1.0 KiB

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 漂移。
  • 不启停服务、不操作真机。