zhaowei.huangandCursor
95c1a74122
统一 outpost-light/purple/blue 壳层 token，修复扩展字段与操作按钮在浅色下的可读性。 Co-authored-by: Cursor <cursoragent@cursor.com>
24 lines
1.0 KiB
Markdown
24 lines
1.0 KiB
Markdown
# 迷毂 Outpost UI 实现计划（P0–P1）
|
||
|
||
> **面向 AI 代理的工作者：** 按任务顺序实现；规格见 `docs/superpowers/specs/2026-07-25-migu-outpost-ui-lock-design.md`。
|
||
|
||
## 文件
|
||
|
||
| 文件 | 职责 |
|
||
|---|---|
|
||
| `src/styles/themes.ts` | PRIMARY 三色 + LEGACY；默认 `outpost-light`；`data-shell` |
|
||
| `src/styles/theme.css` | 浅色壳选择器改 `data-shell="outpost"`；默认 token 贴近浅色 |
|
||
| `src/stores/ui.ts` | `availableThemes` / `legacyThemes`；未知 id 迁移 |
|
||
| `src/components/ThemeSwitcher.vue` | 仅精选 3 |
|
||
| `src/layouts/AppShell.vue` | 高级 → 兼容主题 |
|
||
| `src/views/LoginView.vue` | 弱化霓虹（P1） |
|
||
| 若干 Vue 内 `fame-lavender` 选择器 | 改为 `data-shell="outpost"` |
|
||
|
||
## 任务
|
||
|
||
1. 重写 `themes.ts`（精选 + legacy + applyThemeVars 写 `data-shell`）
|
||
2. `theme.css` / 组件选择器：`fame-lavender` → `data-shell="outpost"`
|
||
3. `ui` store + ThemeSwitcher + AppShell 高级入口
|
||
4. Login 弱化星空主导（能快则做）
|
||
5. `pnpm`/`npm` typecheck 或 build 验证
|