1
0

feat: 侧边栏默认亮色主题,暗黑主题下跟随切换

This commit is contained in:
2026-04-17 00:30:26 +08:00
parent ddd284c1ca
commit 49818ed4d8
5 changed files with 72 additions and 16 deletions

View File

@@ -134,6 +134,30 @@
- **WHEN** 用户点击"设置"菜单项
- **THEN** 前端 SHALL 导航到 `/settings` 路由
### Requirement: 侧边栏跟随应用主题
侧边栏 SHALL 根据 `effectiveThemeId` 动态切换亮色或暗色外观。
#### Scenario: 亮色主题下的侧边栏
- **WHEN** `effectiveThemeId` 不为 `'dark'`
- **THEN** 侧边栏 Sider 背景 SHALL 为浅色(`#fff`
- **THEN** Logo 文字颜色 SHALL 为深色
- **THEN** Menu 组件 SHALL 使用 `theme="light"`
#### Scenario: 暗色主题下的侧边栏
- **WHEN** `effectiveThemeId``'dark'`
- **THEN** 侧边栏 Sider 背景 SHALL 为深色
- **THEN** Logo 文字颜色 SHALL 为白色
- **THEN** Menu 组件 SHALL 使用 `theme="dark"`
#### Scenario: 主题切换时侧边栏平滑过渡
- **WHEN** 用户从亮色主题切换到暗色主题(或反向切换)
- **THEN** 侧边栏 SHALL 平滑过渡到新主题外观
- **THEN** 过渡过程 SHALL 无闪烁
### Requirement: 使用主题注册表管理主题
前端 SHALL 使用主题注册表统一管理所有主题配置。