2.0 KiB
2.0 KiB
夜间模式导航栏消除白亮色 Spec
Why
夜间模式下导航栏中仍存在多处白亮色文字（#f1f5f9、#94a3b8、#818cf8），需要全部替换为统一的 rgb(139, 92, 246) 蓝紫色，与菜单项文字保持一致。
What Changes
- 搜索框输入文字：
var(--text-primary)(#f1f5f9) →rgb(139, 92, 246) - 搜索框 placeholder：
var(--text-muted)→rgb(139, 92, 246) - 搜索框前缀图标：
var(--text-muted)→rgb(139, 92, 246) - 用户下拉菜单 ID：
var(--text-muted)→rgb(139, 92, 246) - 用户资产标签：
var(--text-secondary)→rgb(139, 92, 246) - 导航栏等级标题：
var(--text-primary)→rgb(139, 92, 246) - 导航栏等级经验值：
var(--text-muted)→rgb(139, 92, 246) - 二级菜单下拉项默认色：
#94a3b8→rgb(139, 92, 246) - 二级菜单下拉项悬停色：
#818cf8→rgb(139, 92, 246) - 二级菜单下拉项选中色：
#818cf8→rgb(139, 92, 246) - 亮色模式不做任何修改
Impact
- Affected specs: navbar-hover-color
- Affected code:
src/components/Navbar/Navbar.css
MODIFIED Requirements
Requirement: 夜间模式导航栏全蓝紫色色调
系统 SHALL 在夜间模式下确保导航栏中所有文字、图标均为 rgb(139, 92, 246) 蓝紫色，不出现任何白亮色。
Scenario: 搜索框文字
- WHEN 用户在夜间模式下查看搜索框
- THEN 输入文字、placeholder、前缀图标均为
rgb(139, 92, 246)
Scenario: 用户下拉菜单
- WHEN 用户在夜间模式下展开用户下拉菜单
- THEN 用户ID、资产标签文字均为
rgb(139, 92, 246)
Scenario: 等级显示
- WHEN 用户在夜间模式下查看导航栏等级区域
- THEN 等级标题和经验值文字均为
rgb(139, 92, 246)
Scenario: 二级菜单下拉
- WHEN 用户在夜间模式下展开二级菜单下拉面板
- THEN 菜单项默认、悬停、选中状态文字均为
rgb(139, 92, 246)