锁定 Outpost 主路径主题,并优化地图编辑属性面板浅色对比。
统一 outpost-light/purple/blue 壳层 token,修复扩展字段与操作按钮在浅色下的可读性。 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -0,0 +1,23 @@
|
||||
# 迷毂 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 验证
|
||||
Reference in New Issue
Block a user