EasyStarter logoEasyStarter

Web 主题配置

配置 Web 应用的 shadcn CSS Token、Base UI 组件基线与生成的 preset

Web 主题配置

Web 端使用 Base UI 组件,并采用 apps/web/src/styles/index.css 中的默认 shadcn/ui 亮色 / 暗色变量。没有自定义主题预设选择器。

亮色 / 暗色模式

用户可以在页头主题开关中选择 LightDarkSystem。选择会写入 localStorage,并以 .light.dark class 应用到 <html>

默认颜色定义在 :root(亮色)和 .dark(暗色)。保留 @theme inline 块,以便 bg-backgroundtext-foreground 等 Tailwind class 继续映射。

修改默认颜色

如果需要换配色,直接改 apps/web/src/styles/index.css:root.dark 的 CSS 变量。不要再加运行时主题预设系统。