NowWebTheme インターフェイス - Android

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間:4分
  • NowWebTheme インターフェイスには、ネイティブ Web ビューの ServiceNow インスタンスでホストされている Web ページ内で使用される色を上書きできるプロパティが用意されています。

    NowWebTheme インターフェイスは NowUITheme インターフェイスを拡張し、プロパティ nowUIColoring を継承します。

    val nowUIColoring: NowUIColoring?

    このプロパティは、 NowWebTheme で使用できる色変数を参照するために使用されます。次の表で指定されている色は、NowUIAdaptiveColor の既定の色です。UI のテーマ設定方法の詳細については、『Mobile SDK Developer Guide (Mobile SDK 開発者ガイド) - Android』の「 NowUIColoring を使用して NowWebTheme と NowChatTheme をテーマ化する 」を参照してください。

    表 : 1. プロパティ
    名前 Description (説明)
    アラート重大 0 【用途】:
    • エラーメッセージ
    • スナックバーの背景
    例:
    val alertCritical3 get() = nowUIColoring?.alertCritical3 ?: NowUITheme.alertCritical3Color

    デフォルト:#F8C8CD

    アラート重大 3 【用途】:
    • エラーメッセージ
    • スナックバーの境界線
    例:
    val alertCritical0 get() = nowUIColoring?.alertCritical0 ?: NowUITheme.alertCritical0Color

    デフォルト:#B61C2D

    アラート肯定的 0 【用途】:
    • 成功メッセージ
    • スナックバーの背景
    例:
    val alertPositive0 get() = nowUIColoring?.alertPositive0 ?: NowUITheme.alertPositive0Color

    デフォルト:#CADFC0

    アラート Positive3 【用途】:
    • 成功メッセージ
    • スナックバーの境界線
    例:
    val alertPositive0 get() = nowUIColoring?.alertPositive0 ?: NowUITheme.alertPositive0Color

    デフォルト:#266108

    アラート警告 0 【用途】:
    • 警告メッセージ
    • スナックバーの背景
    例:
    val alertWarning0 get() = nowUIColoring?.alertWarning0 ?: NowUITheme.alertWarning0Color

    デフォルト:#FBF7BF

    alertWarning3 【用途】:
    • 警告メッセージ
    • スナックバーの境界線
    例:
    val alertWarning3 get() = nowUIColoring?.alertWarning3 ?: NowUITheme.alertWarning3Color

    デフォルト:#B6AA00

    backgroundPrimary 【用途】:
    • カードの背景
    • 選択ピッカー
    • 入力バックグラウンド
    • ニュートラルな背景
    例:
    val backgroundPrimary get() = nowUIColoring?.backgroundPrimary ?: NowUITheme.backgroundPrimaryColor

    デフォルト:#FFFFFF

    backgroundTertiaryActionable トピックダイアログのテキストの検索と編集の背景色に使用します。
    例:
    val backgroundTertiaryActionable get() = nowUIColoring?.backgroundTertiaryActionable ?: NowUITheme.backgroundTertiaryActionable

    デフォルト:#2C323F

    ブランド ツールバーとテーブルのヘッダーの背景に使用します。
    例:
    val brand get() = nowUIColoring?.brand ?: NowUITheme.brandColor

    デフォルト:#302F4B

    通知 新規メッセージインジケーターに使用します。
    例:
    val notification get() = nowUIColoring?.notification ?: NowUITheme.notificationColor

    デフォルト:#B61C2D

    プライマリ 【用途】:
    • アクション可能なテキスト
    • ボタンの背景
    例:
    val primary get() = nowUIColoring?.primary ?: NowUITheme.primaryColor

    デフォルト:#4F52BD

    画面ヘッダーテキスト ブランドカラー (画面ヘッダー/ツールバー) の上に表示される固定色のテキストおよびアイコン要素に使用します。
    例:
    val screenHeaderText get() = nowUIColoring?.screenHeaderText ?: NowUITheme.screenHeaderTextColor

    デフォルト:#FFFFFF

    textActionable 【用途】:
    • ハイライトされた背景
    • アクションボタンのテキスト
    例:
    val textActionable get() = nowUIColoring?.textActionable ?: NowUITheme.textActionableColor

    デフォルト:#FFFFFF

    テキストプライマリ 【用途】:
    • アラートダイアログメッセージ
    • カードヘッダーテキスト
    • チャットバブルテキスト
    • 画像のタイトルと説明
    • トピックテキスト
    例:
    val textPrimary get() = nowUIColoring?.textPrimary ?: NowUITheme.textPrimaryColor

    デフォルト: #151920