41 lines
2.0 KiB
Markdown
41 lines
2.0 KiB
Markdown
# 夜间模式导航栏消除白亮色 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)` |