第11章 Red Hat Developer Hub の外観のカスタマイズ

インターフェイスの外観を変更して、組織は Red Hat Developer Hub を自社のブランドガイドラインに合わせ、全体的なユーザーエクスペリエンスを向上させることができます。

Red Hat Developer Hub では、次のデフォルトのテーマ設定が利用できます。

Red Hat Developer Hub テーマ: 開発者ポータルを標準の Red Hat Developer Hub インスタンスのような外観にするデフォルトのテーマ設定。詳細は、「デフォルトの Red Hat Developer Hub テーマ」を参照してください。
Backstage テーマ: 開発者ポータルを標準の Backstage インスタンスのような外観にするデフォルトのテーマ設定。詳細は、「デフォルトの Backstage テーマ」を参照してください。

app-config.yaml ファイルを変更することで、デフォルトテーマの特定のパラメーターを変更または無効にしたり、完全にカスタマイズしたテーマを作成したりできます。app-config.yaml ファイルから、次のコンポーネントを含む共通のテーマコンポーネントをカスタマイズできます。

テーマモード (Light Theme、Dark Theme、Auto) など、一部のコンポーネントは、Developer Hub GUI からカスタマイズすることもできます。

11.1. Developer Hub インスタンスのテーマモードを切り替える
リンクのコピー

RHDH インターフェイスは、以下のモード間で切り替えることができます。

注記

RHDH では、テーマ設定を使用して、さまざまな UI コンポーネントの外観や操作感を変更します。そのため、RHDH ページで使用される背景色やフォントの変更以外に、ボタン、タブ、サイドバー、カード、テーブルなどのさまざまな UI コンポーネントが変更されていることに気づくはずです。

前提条件

手順

検証