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