feat(frontend): 重构本地调试代理配置

将 `packages/frontend` 的 Vite 开发代理改为可通过环境变量
切换目标地址，并补充本地联调所需的默认主题与样式更新。
同时同步更新前后端默认 UI 主题定义，便于在本地直接验证
远端接口、WebSocket 与视觉效果。

.helloagents/archive/2026-04/202604210440_frontend-dev-api-theme-verification/tasks.md

@@ -0,0 +1,56 @@
+# 任务清单: frontend-dev-api-theme-verification
+
+> **@status:** completed | 2026-04-21 04:55
+
+```yaml
+@feature: frontend-dev-api-theme-verification
+@created: 2026-04-21
+@status: completed
+@mode: R2
+```
+
+## 进度概览
+
+| 完成 | 失败 | 跳过 | 总数 |
+|------|------|------|------|
+| 6 | 0 | 0 | 6 |
+
+---
+
+## 任务列表
+
+### 1. 方案与配置
+
+- [√] 1.1 完成本地前端联调方案包填充，明确仅影响开发代理与本地环境变量 | depends_on: []
+- [√] 1.2 在 `packages/frontend/src` 与 `vite.config.ts` 相关上下文中确认 API、背景资源和 WebSocket 的开发联调入口 | depends_on: [1.1]
+
+### 2. 前端开发联调改动
+
+- [√] 2.1 在 `packages/frontend/vite.config.ts` 中改造开发代理，支持通过环境变量切换 HTTP 与 WebSocket 目标 | depends_on: [1.2]
+- [√] 2.2 新增 `packages/frontend/.env.development.local`，将本地开发联调目标设置为 `ssh.deiban.com` 并声明 `VITE_API_BASE_URL` | depends_on: [2.1]
+
+### 3. 浏览器验收
+
+- [√] 3.1 启动本地前端，使用 `admin / @Micah.666` 完成登录并验证关键接口可用 | depends_on: [2.2]
+- [√] 3.2 检查登录页与登录后页面的主题表现，确认默认白色主题是否成功生效并记录证据 | depends_on: [3.1]
+
+---
+
+## 执行日志
+
+| 时间 | 任务 | 状态 | 备注 |
+|------|------|------|------|
+| 2026-04-21 04:40 | 方案包创建 | completed | `create_package.py` 已生成 proposal.md 与 tasks.md 模板 |
+| 2026-04-21 04:44 | 2.x | completed | `vite.config.ts` 已支持基于环境变量切换 dev proxy，本地 `.env.development.local` 已指向 `ssh.deiban.com` |
+| 2026-04-21 04:45 | 构建验证 | completed | `npm run build` 通过，仅保留既有 chunk size 警告 |
+| 2026-04-21 04:53 | 3.x | completed | 本地前端以 `admin / @Micah.666` 登录成功，`/api/v1/settings/focus-switcher-sequence` 登录后返回 200，登录页与仪表盘 `body`/主容器为浅色主题 |
+
+---
+
+## 执行备注
+
+> 记录执行过程中的重要说明、决策变更、风险提示等
+
+- 本任务采用 R2 简化流程，不做多方案对比。
+- 本地联调参数优先放入忽略提交的 `.env.development.local`，避免污染共享默认配置。
+- 浏览器实测结果: 登录页 `body` 背景为 `rgb(245, 245, 247)`，仪表盘主容器背景为 `rgb(245, 245, 247)`，统计卡片背景为 `rgb(255, 255, 255)`，标题文字为 `rgb(29, 29, 31)`，默认白色主题验证通过。