主题化指南
通过设计令牌(Design Tokens)驱动全站视觉,无需修改任何组件代码即可完成品牌定制。
安装
- 使用包管理器初始化项目并安装依赖。
- 执行初始化命令生成基础配置与 globals.css。
- 按需添加组件,所有样式变量自动注入。
使用设计令牌
颜色、圆角、阴影全部以 CSS 变量形式暴露。修改变量即可全局换肤;组件永远只消费语义令牌,例如 bg-background 与 text-muted-foreground。
提示:在 styles/<id> 中声明的变量会自动桥接到 shadcn 主题变量。
下一步
- 浏览组件示例
- 阅读无障碍指南
- 了解版本策略