NowWebColoring プロトコル: iOS

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間：4分

    • NowWebColoring プロトコルは、ネイティブ Web ビューの ServiceNow インスタンスでホストされている Web ページ内で使用される色のデフォルト値を提供します。

    以下のテーブルで指定されている色は、デフォルトの Web インターフェイスの色を定義します。

    表 : 1. プロパティ
    名前 説明
    alertCritical0 エラーバナーに適用される背景色。

    デフォルトの暗色:#7B1E28

    デフォルトの明るい色:#F8C8CD
    alertCritical3 エラーテキストバナーに適用されるテキストの色。

    デフォルトの暗色:#E46876

    デフォルトの明るい色:#B61C2D
    alertLow0 情報バナーに適用される背景色。

    デフォルトの暗色:#DBDBDE

    デフォルトの明るい色:#DBDBDE
    アラートポジティブ 0 成功メッセージを表示するバナーの背景色です。

    デフォルトの暗色:#CADFC0

    デフォルトの明るい色:#CADFC0
    アラートポジティブ 3 成功メッセージを表示するバナーのテキストの色。

    デフォルトの暗色:#3B7F00

    デフォルトの明るい色:#3B7F00
    アラート警告 0 警告バナーに適用される背景色。

    デフォルトの暗色:#FBF7BF

    デフォルトの明るい色:#FBF7BF
    バックグラウンドプライマリ Web ビューを含むビューに適用される背景色。

    デフォルトの暗色:#07080B

    デフォルトの明るい色:#FFFFFF
    ブランド ページのロード中に表示されるアクティビティインジケーターに適用される色。

    デフォルトの暗色:#302F4B

    デフォルトの明るい色:#302F4B
    プライマリ Web 画面のアクションシートに適用される色合い。

    デフォルトの暗色:#8486FF

    デフォルトの明るい色:#4F52BD
    画面ヘッダーバックグラウンド ボタンバッジに適用されるテキストの色。この色は、バッジの周囲の細い境界線にも適用されます。

    デフォルトの暗色:#CADFC0

    デフォルトの明るい色:#CADFC0
    画面ヘッダーテキスト
    • ボタンバッジに適用されるテキストの色
    • Web 画面上の無効なナビゲーションバーボタン、バナーテキスト、およびバナーアイコンの色合いに適用される色合いの色。

    デフォルトの暗色:#FFFFFF

    デフォルトの明るい色:#FFFFFF
    テキストアクションブル アクションボタンのテキストの色。

    デフォルトの暗色:#07080B

    デフォルトの明るい色:#FFFFFF
    テキストプライマリ フォントに適用されるテキストの色。

    デフォルトの暗色:#FFFFFF

    デフォルトの明るい色:#151920
    webPageThemeId NowWeb によって読み込まれるServiceNow Web ページに適用するテーマのSys_id。

    デフォルト:構成されたデフォルトテーマ

    テーブル:UX テーマ [sys_ux_theme] テーブルにあります。
    webPageThemeVariantId NowWeb によってロードされたServiceNow Web ページに適用するテーマバリアントのSys_id。

    デフォルト:構成されたデフォルトのテーマバリアント

    テーブル:UX スタイル [sys_ux_style] テーブルにあります。

    NowWebColoring で使用されるデフォルトの色を以下に示します。これらの色のいずれかまたはすべてを上書きできます。

    public extension NowWebColoring {
    var brand: UIColor { nowUIColor.brand }
    var primary: UIColor { nowUIColor.primary }
    var textPrimary: UIColor {
        nowUIColor.textPrimary.withAlphaComponent(0.25)
    }
    var screenHeaderText: UIColor { nowUIColor.screenHeaderText }
    var screenHeaderBackground: UIColor { nowUIColor.screenHeaderBackground }
    var textActionble: UIColor {
        nowUIColor.textActionable
    }
    var alertCritical0: UIColor { nowUIColor.alertCritical0 }
    var alertCritical3: UIColor { nowUIColor.alertCritical3 }
    var alertPositive0: UIColor { nowUIColor.alertPositive0 }
    var alertPositive3: UIColor { nowUIColor.alertPositive3 }
    var alertLow0: UIColor { nowUIColor.alertLow0 }
    var alertWarning0: UIColor { nowUIColor.alertWarning0 }
    var backgroundPrimary: UIColor { nowUIColor.backgroundPrimary }
}