9.6. 为您的 Developer Hub 实例自定义主题模式颜色面板


您可以通过配置 app-config.yaml 文件的 branding.palette 部分中的 light.palettedark.palette 参数来自定义 Developer Hub 实例中 light 和 dark . palette 的颜色面板,如下例所示:

app:
  branding:
    theme:
      light:
        palette:
          primary:
            main: <light_primary_color> 
1

          navigation:
            indicator: <light_indicator_color> 
2

        pageTheme:
          default:
            backgroundColor: [<light_background_color_1>, <light_background_color_2>] 
3

      dark:
        palette:
          primary:
            main: <dark_primary_color> 
4

          navigation:
            indicator: <dark_indicator_color> 
5

        pageTheme:
          default:
            backgroundColor: [<dark_background_color_1>, <dark_background_color_2>] 
6

# ...
Copy to Clipboard
1
light color palette 的主要颜色,例如:": ffffffwhite
2
light color palette 的导航指示符颜色,它是一个垂直栏,它表示导航面板中的所选标签页,如 #FF0000red
3
light color palette 的默认页面主题的背景颜色,例如:": ffffffwhite
4
dark color palette 的主要颜色,例如: #000000black
5
dark color palette 的导航指示符颜色,它是一个垂直栏,代表导航面板中的所选标签页,例如 #FF0000red
6
dark color palette 的默认页面主题的背景颜色,例如 #000000black
返回顶部
Red Hat logoGithubredditYoutubeTwitter

学习

尝试、购买和销售

社区

关于红帽文档

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

让开源更具包容性

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

關於紅帽

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

Theme

© 2025 Red Hat