Harbor 的主要外观和风格支持通过几个简单的步骤进行自定义。所有相关的自定义配置都保存在 setting.json 文件中，该文件位于 $HARBOR_DIR/src/portal/src 文件夹下，采用 json 格式，并在 Harbor 启动时加载。

配置

打开 setting.json 文件，您将看到如下所示的默认内容

{
  "headerBgColor": {
    "darkMode": "",
    "lightMode": ""
  },
  "loginBgImg": "",
  "loginTitle": "",
  "product": {
    "name": "",
    "logo": "",
    "introduction": ""
  }
}

如果您想覆盖默认样式并使用自己的样式，请更改配置值。以下是参考

• headerBgColor: 页面标题的背景颜色，支持 HEX 或 RGB 值。例如：#004a70 和 rgb(210,110,235)。
  • darkMode: 暗黑模式下页面标题的背景颜色。
  • lightMode: 亮色模式下页面标题的背景颜色。
• loginBgImg: 登录页面中显示的背景图片的名称路径，例如：‘login_bg.png’。图片文件应放在 images 文件夹中。建议此图片的大小应大于 800px*600px。
• loginTitle: 登录页面中显示的产品完整标题。
• Product: 包含产品的元数据/描述。
  • name: 产品名称。
  • logo: 产品徽标的名称路径，例如：‘logo.png’。图片文件应放在 images 文件夹中。
  • introductions: 关于产品的介绍，显示在 关于 对话框中。

构建

一旦 setting.json 配置更新完成，重新构建您的产品以应用新的更改。