NowWebTheme インターフェイス - Android

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

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

    val nowUIColoring: NowUIColoring?

    このプロパティは、 NowWebTheme で使用できる色変数を参照するために使用されます。以下のテーブルで指定されている色は、NowUIAdaptiveColor のデフォルトの色です。UI のテーマを設定する方法の詳細については、『Mobile SDK 開発者ガイド - Android』を参照してください NowUIColoring を使用して NowWebTheme と NowChatTheme をテーマに設定する

    表 : 1. プロパティ
    名前 説明
    alertCritical0 【用途】に使用します。
    • エラーメッセージ
    • スナックバーの背景
    たとえば、次のようになります。
    val alertCritical3 get() = nowUIColoring?.alertCritical3 ?: NowUITheme.alertCritical3Color

    デフォルト:#F8C8CD

    alertCritical3 【用途】に使用します。
    • エラーメッセージ
    • スナックバーの境界線
    たとえば、次のようになります。
    val alertCritical0 get() = nowUIColoring?.alertCritical0 ?: NowUITheme.alertCritical0Color

    デフォルト:#B61C2D

    alertPositive0 【用途】に使用します。
    • 成功メッセージ
    • スナックバーの背景
    たとえば、次のようになります。
    val alertPositive0 get() = nowUIColoring?.alertPositive0 ?: NowUITheme.alertPositive0Color

    デフォルト:#CADFC0

    alertPositive3 【用途】に使用します。
    • 成功メッセージ
    • スナックバーの境界線
    たとえば、次のようになります。
    val alertPositive0 get() = nowUIColoring?.alertPositive0 ?: NowUITheme.alertPositive0Color

    デフォルト:#266108

    alertWarning0 【用途】に使用します。
    • 警告メッセージ
    • スナックバーの背景
    たとえば、次のようになります。
    val alertWarning0 get() = nowUIColoring?.alertWarning0 ?: NowUITheme.alertWarning0Color

    デフォルト:#FBF7BF

    alertWarning3 【用途】に使用します。
    • 警告メッセージ
    • スナックバーの境界線
    たとえば、次のようになります。
    val alertWarning3 get() = nowUIColoring?.alertWarning3 ?: NowUITheme.alertWarning3Color

    デフォルト:#B6AA00

    背景プライマリ 【用途】に使用します。
    • カードの背景
    • 選択肢ピッカー
    • 入力バックグラウンド
    • ニュートラル背景
    たとえば、次のようになります。
    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

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

    デフォルト:#FFFFFF

    テキストアクション可能 【用途】に使用します。
    • ハイライト表示された背景
    • アクションボタンのテキスト
    たとえば、次のようになります。
    val textActionable get() = nowUIColoring?.textActionable ?: NowUITheme.textActionableColor

    デフォルト:#FFFFFF

    テキストプライマリ 【用途】に使用します。
    • アラート ダイアログ メッセージ
    • カードヘッダーテキスト
    • チャットバブルテキスト
    • 画像のタイトルと説明
    • トピックテキスト
    たとえば、次のようになります。
    val textPrimary get() = nowUIColoring?.textPrimary ?: NowUITheme.textPrimaryColor

    デフォルト:#151920