跳转到内容

样式、主题与代码风格

使用 shadcn-vue 语义色(bg-primarytext-muted-foreground 等),禁止硬编码色值。 已有 text-success / text-warning / text-infobg-console 等 token。

只允许 @lucide/vuelucide-vue-next 已弃用,勿再引入)。

prettier:单引号、100 列、尾逗号 es5。提交前跑:

终端窗口
pnpm format

src/components/ui/** 是 shadcn-vue CLI 生成物:可改样式,勿改结构 / 逻辑。

  • 主题色:设置页可切 6 档;新增自定义色需同步三处: assets/index.css 的 accent class → core/themeACCENTSindex.html 防闪白脚本。
  • 默认主题色 / 默认主题:改 core/theme/index.tsDEFAULT_ACCENT / DEFAULT_THEMEpnpm scaffold 也可交互式设置)。
  • 根字号:设置页三档(小 13 / 正常 14 / 大 15),全部 UI 等比缩放; 档位刻度定义见 assets/index.css 的注释表。
  • 暗色基调:默认暗色(深空蓝灰),亮色同步维护;修改色板对照 index.css:root / .dark 两段及 core/themeNATIVE_BG(原生窗口底色)。