4.2. グラフィカル要素のカスタマイズ

グラフィック要素をカスタマイズするには、カスタムブランド素材を使用してカスタマイズ可能な要素を変更または置き換え、コンテナーファイルを更新してください。これは、インストーラーのグラフィック要素をカスタマイズするのに役立ちます。

インストーラーのカスタマイズ可能なグラフィカル要素は、インストーラーランタイムファイルシステムの /usr/share/anaconda/pixmaps/ ディレクトリーに保存されます。このディレクトリーには、以下のカスタマイズ可能なファイルが含まれます。

pixmaps
├─ anaconda-password-show-off.svg
├─ anaconda-password-show-on.svg
├─ right-arrow-icon.png
├─ sidebar-bg.png
├─ sidebar-logo.png
└─ topbar-bg.png

さらに、/usr/share/anaconda/ には、anaconda-gtk.css という名前の基本 CSS スタイルシートが含まれており、これが主要な UI 要素のファイル名とパラメーターを決定します。これらには、ロゴ、サイドバーとトップバーの背景イメージが含まれます。製品固有のスタイルシートのカスタマイズは別のファイル (/usr/share/anaconda/pixmaps/redhat.css) にあり、anaconda-gtk.css ファイルのデフォルトをオーバーライドします。CSS カスタマイズには製品固有のファイルを使用します。これは、必要に応じてスタイルシートの特定の要素のみをオーバーライドするためです。

製品固有の redhat.css ファイルには、要件に応じてカスタマイズできる次のコンテンツが含まれています (完全なスタイルシート仕様は、anaconda-gtk.css ファイルのコンテンツを参照してください)。

/* theme colors/images */

@define-color product_bg_color @redhat;

/* logo and sidebar classes */

.logo-sidebar {
   background-image: url('/usr/share/anaconda/pixmaps/sidebar-bg.png');
   background-color: @product_bg_color;
   background-repeat: no-repeat;
}

/* Add a logo to the sidebar */

.logo {
   background-image: url('/usr/share/anaconda/pixmaps/sidebar-logo.png');
   background-position: 50% 20px;
   background-repeat: no-repeat;
   background-color: transparent;
}

/* This is a placeholder to be filled by a product-specific logo. */

.product-logo {
   background-image: none;
   background-color: transparent;
}

AnacondaSpokeWindow #nav-box {
   background-color: @product_bg_color;
   background-image: url('/usr/share/anaconda/pixmaps/topbar-bg.png');
   background-repeat: no-repeat;
   color: white;
}

CSS ファイルの最も重要な部分は、解決に基づいてスケーリングを処理する方法です。PNG イメージの背景はスケーリングされず、常に実際の画面に表示されます。代わりに、バックグラウンドには透過的な背景があり、スタイルシートは @define-color 行に一致する背景色を定義します。そのため、バックグラウンド イメージ は背景の 色 に "フェード" します。これは、イメージのスケーリングを必要とせずに、すべての解像度でバックグラウンドが機能することを意味します。

背景の繰り返し パラメーターを変更して背景をタイル状に配置することもできますし、インストールするすべてのシステムのディスプレイ解像度が同じであると確信できる場合は、バー全体を埋める背景イメージを使用することもできます。

先に挙げたファイルはどれもカスタマイズ可能です。上記の手順を実行したら、product.img ファイルの作成 の手順に従って、カスタムグラフィックを含む独自の product.img ファイル を作成し、次に カスタムブートイメージの作成の 手順に従って、変更内容を含む新しい起動可能な ISO イメージを作成します。