SuperAPI AI 工具集

shadcn_ui-theme

设计与创作

查看项目

更新于 10-16 03:40

技能介绍

用途:为 Flutter 的 Shadcn UI 配置主题与配色方案。主题和配色由 ShadThemeData 与 ShadColorScheme 定义,支持的方案名包括 blue、gray、green、neutral、orange、red、rose、slate、stone、violet、yellow、zinc。

主要能力:设置明暗主题;覆盖配色方案或组件主题中的具体属性;通过 ShadColorScheme.fromName 按名称生成配色,便于实现主题切换器;通过 custom 参数添加自定义颜色,或使用扩展访问。

基本用法:在 ShadApp 中传入 darkTheme: ShadThemeData(brightness: Brightness.dark, colorScheme: const ShadSlateColorScheme.dark())。覆盖属性时可在配色方案中指定如 background: Colors.blue,或在 primaryButtonTheme 中指定 backgroundColor。完全自定义需继承 ShadColorScheme 并传入全部必需属性。

主题切换:用 ShadColorScheme.fromName('blue') 生成浅色方案,用 ShadColorScheme.fromName('slate', brightness: Brightness.dark) 生成深色方案,配合 ShadSelect<String> 等控件与状态管理重建应用。

自定义颜色:在配色方案 custom 中传入键值,如 custom: {'myCustomColor': Color.fromARGB(255, 177, 4, 196)},通过 ShadTheme.of(context).colorScheme.custom['myCustomColor']! 访问,或定义扩展后直接调用。

限制:资料未提供安装命令、版本要求、平台支持及收费信息。