モバイル向け Next Experience テーマの設定

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む3読むのに数分
  • テーマ設定を有効にし Next Experience 、モバイルアプリのテーマを作成して適用する方法について説明します。

    [Next Experience を有効にする (Enable Unused Machines)]

    重要:
    インスタンス以降のバージョンServiceNow®Utahテーマ設定を使用しますNext Experience

    Next Experienceテーマを使用するには、インスタンスでテーマが有効になっている必要がありますNext Experience。アクティベーション手順と詳細については Next Experience、「 Next Experience でのテーマの探索」を参照してください。

    モバイルアプリで利用可能なテーマ

    テーマは、UX テーマ [sys_ux_theme] テーブルのレコードによって定義されます。インスタンスには、モバイル UI で使用するための 2 つのベースシステムテーマが含まれています。
    Polaris
    Polaris は、有効になっている Next Experience インスタンスのデフォルトのテーマです。
    Mobile Colors Default と呼ばれる新しいコア UX スタイル [sys_ux_style] レコードが Polaris テーマに含まれています。このレコードは変更できませんが、ユーザーはこのレコードのコピーを作成するか、新しいテーマレコードを作成できます。新しいレコードまたはコピーしたレコードに高い優先度の値を指定して、 モバイルカラーのデフォルト レコードで指定された色を上書きします。
    モバイルレガシー
    モバイルレガシーはフォールバックテーマです。有効にされていない Utah アップグレード以降 Next Experience のインスタンスは、このテーマを使用します。

    Polaris テーマの下に、「 Mobile Colors Default」という名前の UX スタイル [sys_ux_style] レコードがあります。このレコードは、色変数名とそれらに関連付けられた色を定義します。

    テーマとスタイルを作成する

    インスタンスの UX テーマ [sys_ux_theme] テーブルにテーマを作成します Next Experience 。デフォルトでは、有効になっている Next Experience インスタンスは Polaris テーマを使用します。有効になっていない Next Experience インスタンスでは、 モバイルレガシー テーマが使用されます。これらのテーマは変更できませんが、どちらかをコピーしてそのコピーを変更することはできます。

    各 UX テーマレコードには、インスタンスにテーマを適用するときの UI の外観を定義する 1 つ以上の UX スタイル [sys_ux_style] レコードがリンクされています。テーマレコードと同様に、デフォルトのスタイルレコードは編集できませんが、コピーすることはできます。

    テーマ構成の詳細については Next Experience 、「 Next Experience のテーマと設定の構成」を参照してください。

    重要:
    モバイルアプリは、UX スタイルのカラー要素のみを使用します。テーマ内のフォント、影、不透明度、その他の色以外の要素などの要素によって、モバイル UI の外観が変更されることはありません。

    モバイルクライアントへのテーマの割り当て

    新しい [クライアントテーマ] フィールドを使用して、モバイルアプリモバイルアプリビルダーのテーマを設定します。

    [クライアントテーマ] フィールドが空の場合
    インスタンスは、有効かどうか Next Experience のステータスを確認し、モバイルアプリに使用する UX テーマ [sys_ux_theme] レコードを決定します。
    • 有効にすると Next ExperiencePolaris テーマが使用されます。
    • 無効にすると Next Experienceモバイルレガシー テーマが使用されます。
    [クライアントテーマ] フィールドが空でない場合
    モバイルアプリでは常に、モバイルアプリのテーマ設定にフィールドに指定されたテーマが使用されます。

    カスタムモバイルコンポーネントでの色変数の使用

    モバイルコンポーネントを設計するときは、一貫したユーザーエクスペリエンスを提供するために色変数を使用します。次のコンポーネントは、色変数を利用します。
    • UI ルール
    • ナビゲーションセクション
    • マップピン
    • アイコン
    • テンプレートを表示
    • モバイルビューボタン
    • 入力説明フィールド

    色変数の使用方法は、構築するコンポーネントによって異なります。これらの各コンポーネントに色変数を適用する方法については、を参照してください モバイル用のカラーテーマに関する考慮事項