---
url: /guide/skills/fa-theme-customizer.md
---
# 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`