增加主题切换功能，优化设置界面的面板 #43

Merged

cfy777 merged 2 commits from develop-frontend7 into develop

2026-06-13 17:16:30 +08:00

Author	SHA1	Message	Date
cfy666	0227822120	feat: 增加深色/浅色主题切换功能 - types 新增 Theme 类型（dark/light） - storage 新增 loadTheme/saveTheme 持久化主题偏好 - ConfigPanel 新增外观分组，主题下拉选择 - App.tsx 通过 data-theme 属性挂载到 html 元素 - App.css 新增 [data-theme=light] 亮色变量覆盖 Co-Authored-By: Claude <noreply@anthropic.com>	2026-06-13 17:08:56 +08:00
cfy666	f17c3c24a7	refactor: 设置面板改为右侧抽屉，修复布局跳动问题 - ConfigPanel 重写为 Drawer：右侧 320px 滑入面板 + 半透明遮罩 - 设置按钮始终可见，不依赖连接状态 - 抽屉不推挤主布局，点击遮罩或✕关闭 - 设置项分组显示，带功能描述文案 Co-Authored-By: Claude <noreply@anthropic.com>	2026-06-13 16:54:57 +08:00

Author

SHA1

Message

Date

cfy666

0227822120

feat: 增加深色/浅色主题切换功能

- types 新增 Theme 类型（dark/light）
- storage 新增 loadTheme/saveTheme 持久化主题偏好
- ConfigPanel 新增外观分组，主题下拉选择
- App.tsx 通过 data-theme 属性挂载到 html 元素
- App.css 新增 [data-theme=light] 亮色变量覆盖

Co-Authored-By: Claude <noreply@anthropic.com>

2026-06-13 17:08:56 +08:00

cfy666

f17c3c24a7

refactor: 设置面板改为右侧抽屉，修复布局跳动问题

- ConfigPanel 重写为 Drawer：右侧 320px 滑入面板 + 半透明遮罩
- 设置按钮始终可见，不依赖连接状态
- 抽屉不推挤主布局，点击遮罩或✕关闭
- 设置项分组显示，带功能描述文案

Co-Authored-By: Claude <noreply@anthropic.com>

2026-06-13 16:54:57 +08:00

增加主题切换功能，优化设置界面的面板 #43

2 Commits