Next Experienceスタイルの作成

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

始める前に

必要なロール：admin

このタスクについて

スタイルを編集する Next Experience ときは、未加工の JSON コードで作業します。注意して編集してください。

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

手順

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

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

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

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

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

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

タスクの結果

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