Red Hat Summit 红帽全球峰会支持控制台（Console）开发人员开始试用联系人

第 6 章 Red Hat Developer Hub 中的其他自定义

本节论述了您可以应用到 Red Hat Developer Hub 的额外自定义选项。

自定义标签页提示

要自定义标签页提示，请在 app-config-rhdh.yaml 文件中添加以下内容： 

app:
  title: My custom developer hub
Copy to Clipboard Toggle word wrap
自定义 Developer Hub 实例的品牌

要自定义 Developer Hub 实例品牌，请在 app-config-rhdh.yaml 文件中添加以下内容： 

app:
  branding:
    fullLogo: ${BASE64_EMBEDDED_FULL_LOGO}
    iconLogo: ${BASE64_EMBEDDED_ICON_LOGO}
    theme:
      light:
        primaryColor: ${PRIMARY_LIGHT_COLOR}
        headerColor1: ${HEADER_LIGHT_COLOR_1}
        headerColor2: ${HEADER_LIGHT_COLOR_2}
        navigationIndicatorColor: ${NAV_INDICATOR_LIGHT_COLOR}
      dark:
        primaryColor: ${PRIMARY_DARK_COLOR}
        headerColor1: ${HEADER_DARK_COLOR_1}
        headerColor2: ${HEADER_DARK_COLOR_2}
        navigationIndicatorColor: ${NAV_INDICATOR_DARK_COLOR}
Copy to Clipboard Toggle word wrap

在前面的配置中，

  • fullLogo 是展开(pinned)侧边栏上的徽标，并需要一个 base64 编码镜像。
  • iconLogo 是折叠(unpinned)侧边栏上的徽标，并需要一个 base64 编码镜像。

  • primaryColor 是链接的颜色，以及输入颜色的大部分按钮。primaryColor 支持的格式包括：

    • #nnn
    • #nnnnnn
    • rgb()
    • rgba()
    • hsl()
    • hsla()
    • color()

  • headerColor1 （横幅旁边）和 headerColor2 （横幅的右边）会更改每个页面标题横幅的颜色，以及模板卡的横幅。headerColor1 和 headerColor2 支持的格式包括：

    • #nnn
    • #nnnnnn
    • rgb()
    • rgba()
    • hsl()
    • hsla()
    • color()

  • navigationIndicatorColor 在侧边栏中更改指示您要所处的标签页的颜色。navigationIndicatorColor 支持的格式包括：

    • #nnn
    • #nnnnnn
    • rgb()
    • rgba()
    • hsl()
    • hsla()
    • color()
Red Hat logoGithubredditYoutubeTwitter

学习

尝试、购买和销售

社区

关于红帽文档

通过我们的产品和服务，以及可以信赖的内容，帮助红帽用户创新并实现他们的目标。 了解我们当前的更新.

让开源更具包容性

红帽致力于替换我们的代码、文档和 Web 属性中存在问题的语言。欲了解更多详情，请参阅红帽博客.

關於紅帽

我们提供强化的解决方案，使企业能够更轻松地跨平台和环境（从核心数据中心到网络边缘）工作。

Theme

© 2026 Red Hat返回顶部