ネクストエクスペリエンススタイルを作成する

ネクストエクスペリエンステーマを作成または変更する場合は、1 つ以上のスタイルを作成および編集します。スタイルには、書体、色、画像、図形、フォームなどがあります。新しいスタイルレコードは、デフォルトの Polaris スタイルを上書きします。作成したスタイル レコードは、 ネクストエクスペリエンス のデフォルトの Polaris テーマを上書きします。

始める前に

必要なロール：admin

このタスクについて

ネクストエクスペリエンススタイルを編集するときは、生の JSON コードで作業します。編集には注意してください。

新しい書体や画像は、別のプロセスでアップロードします。「ネクストエクスペリエンスフォントと画像アセットを追加する」を参照してください。

手順

1. フィルター ナビゲーター フィールドに「 sys_ux_style.do 」と入力して、スタイル レコードを作成します。
2. スタイルに名前を付け、コアスタイルかバリアントスタイルかを指定します。
   注:

   ダークテーマは、 ネクストエクスペリエンス に同梱されている唯一のバリエーションです。
3. [ スタイル ] フィールドで、スタイル レコードにオーバーライドを含めるベース ブロックとプロパティ ブロックを追加します。

   {
     "base": {
   },
     "properties":{
     }
    }
   

4. オプション: ステップ間で作業を保存するには、[ Additional actions ] メニュー ( ) を選択し、[ Save] を選択します。
5. [ スタイル ] フィールドで、JSON コードを編集して、スタイルに含めるオーバーライドを反映します。
   1. JSON コードのベースセクションでメインの色を追加または編集します。
      RGB値を使用します。

      次の例は、サンプルの色の上書きを示しています。

      
   2. JSON コードのプロパティセクションで色のバージョンを編集します。
   3. JSON コードのプロパティセクションで形状を追加または編集します。
      次の例は、形状のオーバーライドの例を示しています。
      
      
6. フォント、画像、その他のテーマアセットを追加します。
   詳細については、「ネクストエクスペリエンスフォントと画像アセットを追加する」を参照してください。
7. フォントをアップロードした場合は、JSON コードのプロパティセクションで書体を追加または編集し、[ 更新] を選択します。
   

タスクの結果

更新された色、形状、書体がテーマに表示されます。