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