FormKit 现在提供了更多可配置的 Tailwind 主题，可在 themes.formkit.com 获取。如果您正在使用传统的 Genesis CSS 主题，请按照以下说明操作 — 但我们鼓励您考虑使用新的 Tailwind 驱动的可定制 FormKit 主题，以简化您的工作。
最终，传统的 Genesis CSS 主题将被弃用，不再支持新的 Pro 输入。
FormKit 提供了一个（传统的）名为 genesis 的 CSS 主题，可以通过安装 @formkit/themes 包来添加。
要通过 CDN 加载 genesis，请将其提供给 defaultConfig 的 theme 属性：
...
defaultConfig({
theme: 'genesis' // 将从 CDN 加载并注入到文档头部
})
...
npm install @formkit/themes
假设您正在使用像 Vite、Webpack 或 Nuxt 这样的打包工具 — 您可以直接导入主题：
// main.js 或 formkit.config.ts
import '@formkit/themes/genesis'
默认情况下，genesis 主题所需的图标将在请求时从 CDN 加载。如果您更愿意直接在您的包中包含图标以提高性能，避免任何图标突然出现，或解决可能的 SSR 问题，那么请从 @formkit/icons 导入 genesisIcons 集合，并将它们展开到 FormKit 配置的 icons 属性中。
import { genesisIcons } from '@formkit/icons'
...
const config = defaultConfig({
icons: {
...genesisIcons
}
})
...