11.6. 为您的 Developer Hub 实例自定义主题模式颜色面板
您可以通过配置 app-config.yaml 文件的 branding.palette 部分中的 light.palette 和 dark.palette 参数来自定义 Developer Hub 实例中 light 和 dark . palette 的颜色面板,如下例所示:
app:
branding:
theme:
light:
palette:
primary:
main: <light_primary_color>
navigation:
indicator: <light_indicator_color>
pageTheme:
default:
backgroundColor: [<light_background_color_1>, <light_background_color_2>]
dark:
palette:
primary:
main: <dark_primary_color>
navigation:
indicator: <dark_indicator_color>
pageTheme:
default:
backgroundColor: [<dark_background_color_1>, <dark_background_color_2>]
# ...
light:palette:primary:main-
light color palette 的主要颜色,例如:":
ffffff或white light:palette:navigation:indicator-
light color palette 的导航指示符颜色,它是一个垂直栏,它表示导航面板中的所选标签页,如
#FF0000或red light:pageTheme:default:backgroundColor-
light color palette 的默认页面主题的背景颜色,例如:":
ffffff或white dark:palette:primary:main-
dark color palette 的主要颜色,例如:
#000000或black dark:palette:navigation:indicator-
dark color palette 的导航指示符颜色,它是一个垂直栏,代表导航面板中的所选标签页,例如
#FF0000或red dark:pageTheme:default:backgroundColor-
dark color palette 的默认页面主题的背景颜色,例如
#000000或black