ナウウェブカラーリングプロトコル - iOS

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

    次の表に指定されている色によって、デフォルトの Web インターフェイスの色が定義されます。

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

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

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

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

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

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

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

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

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

    alertPositive0 成功メッセージを表示するバナーの背景色。

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

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

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

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

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

    alertWarning0 警告バナーに適用される背景色。

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

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

    背景プライマリ Web ビューを含むビューに適用される背景色。

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

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

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

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

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

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

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

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

    screenHeaderBackground ボタンバッジに適用されるテキストの色。この色は、バッジの周囲の細い境界線にも適用されます。

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

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

    screenHeaderText
    • ボタンバッジに適用されるテキストの色
    • Web 画面上の無効なナビゲーションバーボタン、バナーテキスト、およびバナーアイコンの濃淡に適用される濃淡の色です。

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

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

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

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

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

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

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

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

    NowWeb カラーリングに使用されるデフォルトの色を次に示します。これらの色の一部またはすべてを上書きできます。

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