锁定 Outpost 主路径主题,并优化地图编辑属性面板浅色对比。

统一 outpost-light/purple/blue 壳层 token,修复扩展字段与操作按钮在浅色下的可读性。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
zhaowei.huang
2026-07-26 11:31:53 +08:00
co-authored by Cursor
parent 6986370e9d
commit 95c1a74122
18 changed files with 3790 additions and 1651 deletions
@@ -0,0 +1,23 @@
# 迷毂 Outpost UI 实现计划(P0P1
> **面向 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 验证