ネクストエクスペリエンススタイルの作成

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

始める前に

必要なロール：admin

このタスクについて

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

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

手順

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

   ダークテーマは、 ネクストエクスペリエンス に付属する唯一のバリアントです。
3. [ スタイル ] フィールドで、スタイルレコードの上書きを含める基本ブロックとプロパティブロックを追加します。

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

4. オプション: ステップ間の作業を保存するには、[ 他のアクション ] アイコン を選択し、[ 保存] を選択します。
5. [ スタイル ] フィールドで、JSON コードを編集して、スタイルに含める上書きを反映させます。
   1. JSON コードのベースセクションでメインの色を追加または編集します。
      RGB 値を使用します。

      次の例は、色のオーバーライドの例を示しています。

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

タスクの結果

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