36 lines
1.7 KiB
Markdown
36 lines
1.7 KiB
Markdown
# 二维码生成器夜间模式完整适配 - 任务列表
|
|
|
|
## [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 |