8.4. Developer Hub インスタンスのテーマモードカラーパレットのカスタマイズ
app-config-rhdh.yaml ファイルの branding.theme セクションで light.palette および dark.palette パラメーターを設定することで、Developer Hub インスタンスのライトテーマモードとダークテーマモードのカラーパレットをカスタマイズできます。次に例を示します。
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
- ライトカラーパレットのメインのプライマリーカラー (例:
#ffffffまたはwhite)。 - 2
- ライトカラーパレットのナビゲーションインジケーターの色。これは、ナビゲーションパネルで選択中のタブを示す縦のバーです (例:
#FF0000またはred)。 - 3
- ライトカラーパレットのデフォルトページテーマの背景色 (例:
#ffffffまたはwhite)。 - 4
- ダークカラーパレットのメインのプライマリーカラー (例:
#000000またはblack)。 - 5
- ダークカラーパレットのナビゲーションインジケーターの色。これは、ナビゲーションパネルで選択中のタブを示す縦のバーです (例:
#FF0000またはred)。 - 6
- ダークカラーパレットのデフォルトのページテーマの背景色 (例:
#000000または黒)。
