ネクストエクスペリエンスでのテーマの操作
テーマを使用すると、ユーザーのビジュアルエクスペリエンスをカスタマイズできるため、ルックアンドフィールを更新してブランドの独自性を打ち出すことができます。
テーマビルダー を使用して、テーマをすばやく作成、編集、プレビュー、およびエクスペリエンスに公開します。詳細については、「 テーマビルダーを使用してネクストエクスペリエンスを構成する 」を参照してください。
重要:
テーマは、リスト、フォーム、およびダッシュボードのクラシック環境に適用されます。カスタムコンポーネントにはテーマが反映されません。
テーマの概要
- テーマは、製品やブランドを反映するように ネクストエクスペリエンスデザインシステム をカスタマイズする機能です。
- テーマ設定とは、全体的なルックアンドフィールを維持しながら、 ServiceNow® プラットフォームのさまざまな側面をスタイリングすることを意味します。
- テーマ設定では、通常、会社のブランド色に色を変更しますが、タイポグラフィ、画像、形状、フォームを含めることもできます。
ネクストエクスペリエンス デフォルトテーマ
チューリッヒでローンチする新規のお客様のインスタンスでは、デフォルトで ネクストエクスペリエンス Coral テーマが有効になります。
以前のリリースからアップグレードする既存のお客様には、アップグレード前にインスタンスに適用したテーマ ( ネクストエクスペリエンス Polaris テーマや テーマビルダーで作成されたテーマなど) が引き続き表示されます。テーマビルダーを使用して、Coral テーマをインスタンスに公開するか、Next Experience UX 親アプリテーマテーブルに Coral テーマを追加します。図 : 1. ネクストエクスペリエンス 設定モーダルのデフォルトテーマ
図 : 2. コーラルテーマライトバリアント
図 : 3. コーラルテーマのダークバリアント
Theme (テーマ) レコード
この画像は、読み取り専用のデフォルトの Polaris テーマを示しています。インスタンス内のエクスペリエンスで使用する独自のテーマとスタイルを作成するには、Polaris テーマまたは Coral テーマのクローンを作成します。 クローンを作成することによって テーマビルダー テーマレコード. Polaris テーマまたは Coral テーマのいずれかをクローンする場合は、[UX テーマスタイル] のスタイルもクローンし、必要に応じてそれらのスタイルを変更する必要があります。少なくとも 1 つのコアタイプのスタイルを定義する必要があります。
テーマスタイル
ServiceNowで会社のブランドのルックアンドフィールに合わせてテーマを設定できます。テーマを設定するときは、アプリケーションのカラースキーム、フォント、および画像を調整します。[ テーマビルダー テーマ] フォームで、[順序]、[スタイル]、および [タイプ] の設定を構成します。
- 順番
- 順序値が大きいレコードのスタイルは、小さい値のスタイルより優先されます。ベースシステムスタイルはすべて順序 0 です。適用性の制約を満たす場合、値が大きいスタイルがベースシステムスタイルより優先されます。指定されていない場合は、小さい値のスタイルが使用されます。
- スタイル
- スタイルレコードは、テーマを構成する再利用可能なスタイルを定義します。コアスタイルには、色、形と形、タイポグラフ、画像が含まれます。バリアントはテーマの異なるバージョンで、通常は色が異なり、ユーザーが設定で選択できます。バリアントの最も一般的な用途は、アクセシビリティの目的、特に色覚異常を考慮するためです。ダークテーマを使用する場合は、[Polaris] または [Coral (コーラル)] テーマの選択を検討するか、 テーマビルダーで暗い代替カラーパレットを作成する .
- タイプ
- スタイルは、コアタイプまたはバリアントタイプのいずれかにすることができます。コアスタイルはデフォルトでアクティブになっています。ユーザーは [テーマ] ユーザー設定で利用可能なバリアントから選択でき、これらのバリアントスタイルはコアスタイルを上書きします。 テーマビルダー ではダークテーマのバリアントは自動的に生成されません。ただし、限定的なカスタマイズでダーク代替カラーパレットを作成できます。詳細については、「代替カラーパレットを追加」を参照してください。Polaris テーマと Coral テーマには、 ネクストエクスペリエンス が有効になっているインスタンスで利用可能なダークテーマバリアントが含まれています。