自定义主题

自 1.13 版本起

CapRover 现在支持主题自定义，让你可以更精细地控制仪表盘的外观与体验。仪表盘前端基于 Ant Design，你可以按自己的偏好来调整 UI。开始之前，建议先阅读 Ant Design 主题定制文档获取更详细的说明。通过调整主色、圆角、字号等变量，你就能打造一个符合品牌或个人审美的专属主题。

一些说明：

Ant Design 主题是一个 JavaScript 对象，而不是序列化后的 JSON 字符串，因此 key 不需要双引号。
传入 Ant Design 主题的变量有 3 个：isDarkMode、darkAlgorithm 和 defaultAlgorithm。例如你可以这样写：colorBg: isDarkMode?'#010101':'#ffffff'

除了 Ant Design 主题定制之外，还有两种方式可以自定义仪表盘：

这通常用于注入字体。例如，旧版主题使用了：

<link
  href="https://fonts.googleapis.com/css?family=Quicksand:300,500"
  rel="stylesheet"
/>

用来加载 Quicksand 字体，以便在自定义的 Ant Design 主题中使用它。当然，这个输入框里你可以做的不止这些。

你可以插入自定义 JS，按你的想法彻底修改仪表盘上的元素；你甚至可以插入 Google Analytics 的追踪标签。

有些自定义项并不在 Ant Design 默认可配置的范围内，这些可以通过 CapRover 的额外配置框来修改。

目前这里只支持一个参数：仪表盘侧边栏主题（light 或 dark），未来可能会增加更多参数。

{
  siderTheme: "dark";
}

如果你做了一个有趣的新主题，欢迎提交 Pull Request，把它加入到内置主题里。