样式、主题与代码风格
使用 shadcn-vue 语义色(bg-primary、text-muted-foreground 等),禁止硬编码色值。
已有 text-success / text-warning / text-info、bg-console 等 token。
只允许 @lucide/vue(lucide-vue-next 已弃用,勿再引入)。
prettier:单引号、100 列、尾逗号 es5。提交前跑:
pnpm formatsrc/components/ui/** 是 shadcn-vue CLI 生成物:可改样式,勿改结构 / 逻辑。
- 主题色:设置页可切 6 档;新增自定义色需同步三处:
assets/index.css的 accent class →core/theme的ACCENTS→index.html防闪白脚本。 - 默认主题色 / 默认主题:改
core/theme/index.ts的DEFAULT_ACCENT/DEFAULT_THEME(pnpm scaffold也可交互式设置)。 - 根字号:设置页三档(小 13 / 正常 14 / 大 15),全部 UI 等比缩放;
档位刻度定义见
assets/index.css的注释表。 - 暗色基调:默认暗色(深空蓝灰),亮色同步维护;修改色板对照
index.css中:root/.dark两段及core/theme的NATIVE_BG(原生窗口底色)。