Web 主题配置
配置 Web 应用的 shadcn CSS Token、Base UI 组件基线与生成的 preset
Web 主题配置
Web 端使用 Base UI 组件,并采用 apps/web/src/styles/index.css 中的默认 shadcn/ui 亮色 / 暗色变量。没有自定义主题预设选择器。
亮色 / 暗色模式
用户可以在页头主题开关中选择 Light、Dark 或 System。选择会写入 localStorage,并以 .light 或 .dark class 应用到 <html>。
默认颜色定义在 :root(亮色)和 .dark(暗色)。保留 @theme inline 块,以便 bg-background、text-foreground 等 Tailwind class 继续映射。
修改默认颜色
如果需要换配色,直接改 apps/web/src/styles/index.css 里 :root 和 .dark 的 CSS 变量。不要再加运行时主题预设系统。