NowWebColoring プロトコル - iOS

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

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

    表 : 1. プロパティ
    名前 Description (説明)
    アラート重大 0 エラーバナーに適用される背景色。

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

    デフォルトのライトの色:#F8C8CD

    アラート重大 3 エラーテキストバナーに適用されるテキストの色。

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

    デフォルトのライトの色:#B61C2D

    alertLow0 情報バナーに適用される背景色。

    デフォルトの暗色:#DBDBDE

    デフォルトのライトの色:#DBDBDE

    アラート肯定的 0 成功メッセージを表示するバナーの背景色。

    デフォルトの暗色:#CADFC0

    デフォルトのライトの色:#CADFC0

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

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

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

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

    デフォルトの暗色:#FBF7BF

    デフォルトのライトの色:#FBF7BF

    backgroundPrimary Web ビューを含むビューに適用される背景色。

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

    デフォルトのライトの色:#FFFFFF

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

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

    デフォルトのライトの色:#302F4B

    プライマリ Web 画面のアクションシートに適用される濃淡色。

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

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

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

    デフォルトの暗色:#CADFC0

    デフォルトのライトの色:#CADFC0

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

    デフォルトの暗色:#FFFFFF

    デフォルトのライトの色:#FFFFFF

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

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

    デフォルトのライトの色:#FFFFFF

    テキストプライマリ フォントに適用されるテキストの色。

    デフォルトの暗色:#FFFFFF

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

    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 }
    }