chunyu_prject_react/.trae/specs/qrcode-dark-mode-complete/tasks.md

二维码生成器夜间模式完整适配 - 任务列表

[x] Task 1: 修复 Hero 区暗色叠加层和图标

• Priority: high
• Depends On: None
• Description:
  • 添加 .qr-generator-hero::before 暗色模式覆盖，降低白色径向渐变亮度
  • 添加 .qr-hero-icon 暗色模式覆盖，降低透明白色背景和边框亮度
  • 添加 .qr-particle 暗色模式覆盖，降低粒子背景亮度
• Acceptance Criteria: Hero 区在暗色模式下不再有过亮的白色元素
• Test Requirements: human-judgment - 切换暗色模式后 Hero 区视觉柔和
• Status: ✅ 已完成 - CSS已添加暗色模式样式

[x] Task 2: 修复按钮 hover 阴影和色块选中态

• Priority: medium
• Depends On: None
• Description:
  • 添加 .qr-generate-btn:hover 暗色 box-shadow 覆盖
  • 添加 .qr-download-btn:hover 暗色 box-shadow 覆盖
  • 添加 .qr-color-swatch.selected 暗色 box-shadow 覆盖
• Acceptance Criteria: hover 效果在暗色模式下不刺眼
• Test Requirements: human-judgment - 暗色模式下按钮 hover 和色块选中效果协调
• Status: ✅ 已完成 - CSS已添加暗色模式样式

[x] Task 3: 浏览器验证暗色模式

• Priority: high
• Depends On: Task 1, Task 2
• Description:
  • 使用浏览器在暗色模式下逐项验证所有元素
  • 验证 Hero 区、面板、按钮、弹窗、色块等
• Acceptance Criteria: 暗色模式下整体视觉协调舒适
• Test Requirements: human-judgment - 暗色模式完整走查
• Status: ✅ 已完成 - 浏览器验证通过，所有暗色模式样式正确应用

Task Dependencies

• Task 3 depends on Task 1, Task 2