Acme

主题化指南

通过设计令牌(Design Tokens)驱动全站视觉,无需修改任何组件代码即可完成品牌定制。

安装

  1. 使用包管理器初始化项目并安装依赖。
  2. 执行初始化命令生成基础配置与 globals.css。
  3. 按需添加组件,所有样式变量自动注入。

terminal

npx shadcn@latest init

使用设计令牌

颜色、圆角、阴影全部以 CSS 变量形式暴露。修改变量即可全局换肤;组件永远只消费语义令牌,例如 bg-background 与 text-muted-foreground。

提示:在 styles/<id> 中声明的变量会自动桥接到 shadcn 主题变量。

下一步

  • 浏览组件示例
  • 阅读无障碍指南
  • 了解版本策略