NowWebColoring プロトコル : iOS

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間:4分
  • NowWebColoring プロトコルは、ネイティブ Web ビューの ServiceNow インスタンスでホストされている Web ページ内で使用される色のデフォルト値を提供します。

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

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

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

    デフォルトの明るい色:#F8C8CD

    alertCritical3 エラーテキストバナーに適用されるテキストの色。

    デフォルトの暗い色:#E46876

    デフォルトの光の色:#B61C2D

    アラート Low0 情報バナーに適用される背景色。

    デフォルトの暗い色:#DBDBDE

    デフォルトの光の色:#DBDBDE

    アラートポジティブ 0 成功メッセージを表示するバナーの背景色。

    デフォルトの暗い色:#CADFC0

    デフォルトの光の色:#CADFC0

    アラートポジティブ 3 成功メッセージを表示するバナーのテキストの色。

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

    デフォルトのライトの色:#3B7F00

    アラート警告 0 警告バナーに適用される背景色。

    デフォルトの暗い色:#FBF7BF

    デフォルトの光の色:#FBF7BF

    バックグラウンドプライマリ Web ビューを含むビューに適用される背景色。

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

    デフォルトの光の色:#FFFFFF

    ブランド ページのロード中に表示されるアクティビティインジケーターに適用される色。

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

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

    primary Web 画面上のアクションシートに適用される濃淡色。

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

    デフォルトの光の色:#4F52BD

    画面ヘッダーバックグラウンド ボタンバッジに適用されるテキストの色。この色は、バッジの周りの細い境界線にも適用されます。

    デフォルトの暗い色:#CADFC0

    デフォルトの光の色:#CADFC0

    画面ヘッダーテキスト
    • ボタンバッジに適用されるテキストの色
    • Web 画面で無効になっているナビゲーションバーボタン、バナーテキスト、バナーアイコンの色合いに適用される色合い。

    デフォルトの暗い色:#FFFFFF

    デフォルトの光の色:#FFFFFF

    textActionble アクションボタンのテキスト色。

    デフォルトの暗い色:#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 }
    }