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

二维码生成器夜间模式完整适配 - 验证清单

Hero 区暗色

• .qr-generator-hero::before 暗色叠加层亮度降低
• .qr-hero-icon 暗色背景和边框柔和
• .qr-particle 暗色背景柔和

按钮暗色

• .qr-generate-btn:hover 暗色 box-shadow 不刺眼
• .qr-download-btn:hover 暗色 box-shadow 不刺眼
• .qr-color-swatch.selected 暗色 box-shadow 协调

面板暗色

• .qr-panel 暗色背景和边框
• .qr-panel-header 暗色背景
• .qr-panel-title 暗色文字颜色

输入控件暗色

• .qr-input 暗色背景和边框
• .qr-preview-area 暗色背景

浏览器验证

• 暗色模式下整体视觉协调
• Hero 区无过亮元素
• 面板和控件颜色正确
• 页面背景色正确