UI ルールの色変数のサポート
色変数を使用してモバイル UI のルールのテーマを変更する方法について説明します。
UI ルールの [値] フィールドで次の色変数を使用し、[操作] フィールドを [UI スタイルを設定] に設定します
UX テーマプロパティ [sys_ux_theme_property] テーブルから任意の色変数を定義できます。使用可能な変数のリストについては、以下のカラーデザインガイドを参照してください。例：
これらの UI ルールアクションの作成の詳細については、「」を参照してください モバイル UI のルールアクションの作成。 |
モバイル UI のルールのカラーガイド
色変数は以下に分けられます。 設計ガイドラインを使用して、ユースケースに適した色変数を特定します。
- アラートのカラーパレット
- アラートカラーパレットの色は、重要なステータス、ステータス、およびタスクを強調表示します。アラートの色は、装飾や整理のためではなく、特定の意味を伝えるために使用します。
- グループ化されたカラーパレット
- グループ化されたカラーパレットの色は、業種別の色の規則に従います。これらの色を使用して、色付きのアイテムが特定の業界または基幹業務に関連付けられていることを示します。各色の意味はコンテキストによって異なりますが、アプリ内では一貫している必要があります。
| 色名 | 例 | 色変数 |
|---|---|---|
| 重大 |
|
|
| 高 |
|
|
| 訓告 |
|
|
| 中 |
|
|
| 情報 |
|
|
| 好意的 |
|
|
| 低 |
|
|
| 無効 |  |
|
| 重大 (代替) |  |
|
| 高 (代替) |  |
|
| 警告 (代替) |  |
|
| 中 (代替) |  |
|
| 情報 (代替) |  |
|
| 正 (代替) |  |
|
| 低 (代替) |  |
|
| 無効 (代替) |  |
|
| 色名 | 例 | カラーバリエーション |
|---|---|---|
| 青 |  |
|
| 茶色 |  |
|
| グレイ |  |
|
| 緑 |  |
|
| 緑黄 |  |
|
| マゼンタ |  |
|
| オレンジ |  |
|
| ピンク |  |
|
| 紫 |  |
|
| 青緑 |  |
|
| 黄 |  |
|
| 青 (代替) |  |
|
| ブラウン(オルタネート) |  |
|
| グレー (代替) |  |
|
| 緑 (代替) |  |
|
| 緑黄(交互) |  |
|
| マゼンタ(代替) |  |
|
| オレンジ (代替) |  |
|
| ピンク(オルタネート) |  |
|
| 紫 (代替) |  |
|
| 青緑 (代替) |  |
|
| 黄 (代替) |  |
|