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 使用主题注册表统一管理所有主题配置。

View File

@@ -61,7 +61,7 @@
### Requirement: 集成 Ant Design ConfigProvider
前端 SHALL 使用 ConfigProvider 应用主题到 Ant Design 组件。
前端 SHALL 使用 ConfigProvider 应用主题到 Ant Design 组件,包括侧边栏
#### Scenario: ConfigProvider 主题配置
@@ -75,3 +75,10 @@
- **WHEN** 主题切换
- **THEN** 所有 Ant Design 组件 SHALL 自动应用新主题
- **THEN** 主题切换 SHALL 平滑过渡,无闪烁
#### Scenario: 侧边栏响应主题切换
- **WHEN** `effectiveThemeId` 发生变化
- **THEN** 侧边栏的 `Menu theme` SHALL 同步切换为 `'light'``'dark'`
- **THEN** 侧边栏 Sider 背景颜色 SHALL 同步切换为对应的亮色或暗色
- **THEN** Logo 文字颜色 SHALL 同步适配侧边栏主题