1为现有 Shadcn 项目快速生成一套全新的颜色主题
- 1打开 UI Colorful 官网，选择 Shadcn 作为目标框架
- 2在调色板中调整主色、辅色等颜色参数，或从预设主题中选择一个基础主题
- 3点击生成按钮，复制生成的 CSS 变量或主题配置代码
- 4将代码粘贴到项目的 globals.css 或主题配置文件中，替换原有颜色变量
2为 Tailwind 项目创建品牌专属的配色方案
- 1访问 UI Colorful，选择 Tailwind 作为目标框架
- 2输入或选取品牌主色，并调整颜色深浅和对比度，确保符合品牌规范
- 3生成后，复制 Tailwind 配置文件中的颜色扩展代码
- 4将代码合并到项目的 tailwind.config.js 中，并重启开发服务器以应用新主题
3快速预览并导出多套主题，用于设计对比和决策
- 1在 UI Colorful 中，切换不同预设主题或手动调整颜色，生成多套主题方案
- 2利用工具的实时预览功能，查看各主题在组件上的实际效果
- 3选择最满意的主题，导出对应的配置代码或截图，用于团队讨论或设计文档