Skip to content

fa-theme-customizer

适用场景

  • 需要一套新的品牌主题
  • 需要新增或调整基础色
  • 想做科技感、莫兰迪、北欧极简、赛博朋克等风格主题
  • 想把设计稿或品牌色转换成 Fantastic-admin 主题
  • 想让亮色和暗色模式使用不同的基础色或主题色

使用方式

直接说明以下信息即可:

  • 想要的风格
  • 品牌主色或参考色
  • 是否需要调整基础色基调
  • 是否需要在某个应用中启用
  • 目标应用,例如 example

示例:

text
帮我做一套新的 Fantastic-admin 主题。
风格偏科技感,品牌主色是 #2563EB。
基础色想要冷灰一点,暗色模式更沉稳。
请同时生成基础色和主题色,并在 example 应用中启用。

结果

通常会:

  • 修改 packages/themes/index.ts
  • 修改 apps/<app>/src/settings.ts,启用该主题

主题结果通常会按当前结构分别处理:

  • BASE_COLORS:基础色定义
  • THEMES:主题色定义
  • 必要时调整 FRAMEWORK_COLORS
  • theme.baseColorLight / baseColorDark
  • theme.light / dark