8.4. 为您的 Developer Hub 实例自定义主题模式颜色面板
您可以通过配置 app-config-rhdh.yaml
文件的 branding.palette 部分的 light.palette
和 dark.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 的主要颜色,例如:":
ffffff
或white
- 2
- light color palette 的导航指示符颜色,它是一个垂直栏,它表示导航面板中的所选标签页,如
#FF0000
或red
- 3
- light color palette 的默认页面主题的背景颜色,例如:":
ffffff
或white
- 4
- dark color palette 的主要颜色,例如:
#000000
或black
- 5
- dark color palette 的导航指示符颜色,它是一个垂直栏,代表导航面板中的所选标签页,例如
#FF0000
或red
- 6
- dark color palette 的默认页面主题的背景颜色,例如
#000000
或black