ServiceNow開発者インスタンスのヘッダーカラーを変更する方法

こちらはServiceNow初心者の自分の作業ログです。

ServiceNowの開発者インスタンスのヘッダーカラーを好きな色に変更します。(2022年10月、Sandiegoで実施)

Next Exprience UI

カスタムUXスタイルの作成

1. ServiceNow PDIにログインします。
2. フィルターナビゲーターに[sys_ux_style.list]と入力して、UX Stylesを開きます。
   
3. [New]ボタンをクリックし、新しいUXスタイルレコードを作成します。Nameは任意、Styleは以下で指定できます。ColorはRGBで指定します。
   "--now-unified-nav_header-color": ヘッダーの文字色
   "--now-unified-nav_header--background-color":ヘッダーの色

   {
       "properties": {
           "--now-unified-nav_header-color": "255,255,255",
           "--now-unified-nav_header--background-color": "114,210,219"
       }
   } 
   

4. [Submit]をクリックします。新しいUX スタイルが作成されました。

カスタムUXテーマスタイルの作成（作成したUXスタイルをテーマに適用）

1. ナビゲーターフィルターに[m2m_theme_style.list]を入力し、UX Theme Stylesを開きます。
   
2. [New]ボタンをクリックします。
   
3. 画像のように入力します。Styleは作成したカスタムUXスタイル名です。
   
4. [Submit]ボタンをクリックします。新しいUXテーマスタイルが作成されました。
   

確認

1．再ログインします。指定したカラーが適用されました。

Portal(ESC)

Theme Colorの変更

1. ServiceNow PDIにログインします。
2. フィルターナビゲーターに[Service Portal Configration]と入力して、Service Portal Configrationを開きます。
   
3. [Branding Editor]を開きます。
   
4. [Employee Center]を選択します。
   
5. [Theme Colors]タブを選択し、[Navbar background]で任意のカラーコードを指定します。変更はすぐに適用されて画面で確認できます。
   

以上です。