LoginSignup
0
3

More than 1 year has passed since last update.

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

Posted at

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

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

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

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

  1. ServiceNow PDIにログインします。
  2. フィルターナビゲーターに[sys_ux_style.list]と入力して、UX Stylesを開きます。
    image.png
  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"
        }
    } 
    

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

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

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

確認

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

0
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
3