Skip to content
Release: Australia · Updated: 2026-03-12 · Official documentation · View source

NowWebColoring protocol- iOS

The NowWebColoring protocol provides default values for the colors used within web pages hosted on your ServiceNow instance in a native web view.

The colors specified in the table below define the default web interface colors.

NameDescription
alertCritical0Background color applied to the error banner.Default dark color: \#7B1E28 Default light color: \#F8C8CD
alertCritical3Text color applied to the error text banner.Default dark color: \#E46876 Default light color: \#B61C2D
alertLow0Background color applied to the info banner.Default dark color: \#DBDBDE Default light color: \#DBDBDE
alertPositive0Background color of the banner that displays success messages.Default dark color: \#CADFC0 Default light color: \#CADFC0
alertPositive3Text color of the banner that displays success messages.Default dark color: \#3B7F00 Default light color: \#3B7F00
alertWarning0Background color applied to the warning banner.Default dark color: \#FBF7BF Default light color: \#FBF7BF
backgroundPrimaryBackground color applied to the view containing the web view.Default dark color: \#07080B Default light color: \#FFFFFF
brandColor applied to the activity indicator shown while loading pages.Default dark color: \#302F4B Default light color: \#302F4B
primaryTint color applied to action sheet on the web screen.Default dark color: \#8486FF Default light color: \#4F52BD
screenHeaderBackgroundText color applied to button badges. This color is also applied to a thin border around the badge.Default dark color: \#CADFC0 Default light color: \#CADFC0
screenHeaderText- Text color applied to button badges - Tint color applied to disabled navigation bar buttons, banner text, and banner icon tint on the web screen. Default dark color: \#FFFFFF Default light color: \#FFFFFF
textActionbleText color for action button.Default dark color: \#07080B Default light color: \#FFFFFF
textPrimaryText color applied to font.Default dark color: \#FFFFFF Default light color: \#151920
webPageThemeIdSys\_id of the theme to apply to the ServiceNow web pages loaded by NowWeb. Default: Configured default theme Table: Located in the UX Theme \[sys\_ux\_theme\] table.
webPageThemeVariantIdSys\_id of the theme variant to apply to the ServiceNow web pages loaded by NowWeb. Default: Configured default theme variant Table: Located in the UX Style \[sys\_ux\_style\] table.

The following shows the default colors used for NowWebColoring. You can override any or all of these colors.

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

Parent Topic:Mobile SDK - iOS