アイコン UI セクションの色変数のサポート
色変数を使用してモバイルアイコン UI セクションのテーマを変更する方法について説明します。
アイコン UI セクションには、要素の前景色と背景色を制御する 2 つのフィールドを持つ [色 ] セクションがあります。
これらの 2 つのフィールドは、次のテーブルにあります。
これらのアクションの作成の詳細については、「 アイコン UI セクションの構成」を参照してください。 UX テーマプロパティ [sys_ux_theme_property] テーブルから任意の色変数を定義できます。利用可能な変数のリストについては、以下のカラーデザインガイドを参照してください。 |
モバイルアイコン UI セクションのカラーガイド
色変数は次のように分類されます。 デザインガイドラインを使用して、ユースケースに適した色変数を特定します。
- アラートカラーパレット
- アラートカラーパレットの色は、重要なステータス、状況、およびタスクをハイライト表示します。アラートの色は、装飾や整理のためではなく、特定の意味を伝えるために使用します。
- グループ化されたカラーパレット
- グループ化されたカラーパレットの色は、業界の色規則に従います。これらの色を使用して、色付きのアイテムが特定の業界または基幹業務に関連付けられていることを示します。各色の意味はコンテキストによって異なりますが、アプリ内で一貫性を保つ必要があります。
アラートカラーパレット
| 色名 | Color | 例 | 色オプション |
|---|---|---|---|
| プライマリ |
|
||
| 重大 |
|
||
| 高 |
|
||
| Warning |
|
||
| 中 |
|
||
| Info |
|
||
| 陽性 |
|
||
| 低 |
|
グループ化されたカラーパレット
| 色名 | Color | 例 | 色オプション |
|---|---|---|---|
| 青 |
|
||
| 茶色 |
|
||
| グレイ |
|
||
| 緑 |
|
||
| 緑黄 |
|
||
| マゼンタ |
|
||
| オレンジ |
|
||
| ピンク |
|
||
| 紫 |
|
||
| 青緑 |
|
||
| 黄 |
|