# 迷毂 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 验证