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


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

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
# ...
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 属性中存在问题的语言。欲了解更多详情,请参阅红帽博客.

關於紅帽

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

© 2024 Red Hat, Inc.