---
sourceDocument: Xanadu API Reference
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/xanadu/api-reference

 Release :

    - xanadu

ft:locale :

    - en-US

ft:publication_title :

    - Xanadu API Reference

ft:clusterId :

    - crapiref

bundleId :

    - crapiref

workflow :

    - Creator


---

# NowWebColoring protocol - iOS

# NowWebColoring protocol - iOS {#ariaid-title1}

* Release version: Xanadu
* 
* Updated January 30, 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes to read

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.
{#NowWebColoringiOSProtocol__entry__2}

| Name | Description |
|-|-|
| alertCritical0 | Background color applied to the error banner. Default dark color: #7B1E28 Default light color: #F8C8CD |
| alertCritical3 | Text color applied to the error text banner. Default dark color: #E46876 Default light color: #B61C2D |
| alertLow0 | Background color applied to the info banner. Default dark color: #DBDBDE Default light color: #DBDBDE |
| alertPositive0 | Background color of the banner that displays success messages. Default dark color: #CADFC0 Default light color: #CADFC0 |
| alertPositive3 | Text color of the banner that displays success messages. Default dark color: #3B7F00 Default light color: #3B7F00 |
| alertWarning0 | Background color applied to the warning banner. Default dark color: #FBF7BF Default light color: #FBF7BF |
| backgroundPrimary | Background color applied to the view containing the web view. Default dark color: #07080B Default light color: #FFFFFF |
| brand | Color applied to the activity indicator shown while loading pages. Default dark color: #302F4B Default light color: #302F4B |
| primary | Tint color applied to action sheet on the web screen. Default dark color: #8486FF Default light color: #4F52BD |
| screenHeaderBackground | Text 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 |
| textActionble | Text color for action button. Default dark color: #07080B Default light color: #FFFFFF |
| textPrimary | Text color applied to font. Default dark color: #FFFFFF Default light color: #151920 |
| webPageThemeId | Sys_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. |
| webPageThemeVariantId | Sys_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. |
[Table 1. Properties]

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