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

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia API Reference

ft:clusterId :

    - crapiref

bundleId :

    - crapiref

workflow :

    - Creator


---

# Use NowUIColoring to create themes

# Use NowUIColoring to create themes {#ariaid-title1}

Release version: Australia  
Updated March 12, 2026  
![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read  
Use NowUIColoring to create themes with NowWebThemeable, NowChatThemeable, and NowVoiceThemeable. The NowUIColoring interface
contains all the colors used by all NowSDK modules.
For scenarios where you use similar color variables across multiple SDK modules, you can implement the NowUIColoring interface. Using this interface you can override color values and then use that implementation
to override the NowUIColoring values inside the theme classes [NowWebThemeable](https://servicenow-prod.fluidtopics.net/zp0g_~mDxE8oqOQk9vq3Dg "The NowWebThemeable protocol provides properties that enable you to override the colors used within web pages hosted on your ServiceNow instance in a native web view."), [NowChatThemeable](https://servicenow-prod.fluidtopics.net/weGXvHNunv53TfZaD_PN3w "The NowChatThemeable protocol provides properties that enable you to override the colors used within chat pages hosted on your ServiceNow instance."), and [NowVoiceThemeable](https://servicenow-prod.fluidtopics.net/t_MbAcjx8gsbDauJxoWyuA "Sets the colors to apply to NowVoice UI elements."). If color variables aren't overridden, the NowUIColoring interface uses the default colors.

NowWebThemeable contains specific colors that only pertain to NowWeb, NowChatThemeable contains specific colors that only pertain to NowChat, and NowVoiceThemeable contains
specific colors that only pertain to NowVoice. Common colors are defined by NowUIColoring. NowUIColoring also contains all the default colors.

The default colors use the Coral theme (light).
{#mobsdk-ios-use_nowUIcoloring__table_ick_m1x_dkc__entry__2}

| Name | Default |
|-|-|
| alertCritical0 | #F8C8CD |
| alertCritical2 | #E42338 |
| alertCritical3 | #B61C2D |
| alertLow0 | #DBDBDE |
| alertPositive0 | #C7DCB5 |
| alertPositive3 | #3E8600 |
| alertWarning0 | #FBF7BF |
| backgroundPrimary | #FFFFFF |
| backgroundPrimaryActionable | #10171A |
| backgroundSecondary | #F3F8F9 |
| backgroundSecondaryActionable | #232E33 |
| backgroundTertiary | #E5EDF0 |
| borderTertiary | #CFD5D7 |
| brand | #032D42 |
| brandBackground | #BDDEE7 |
| destructive | #B61C2D |
| linkPrimaryText | #1955BE |
| linkSecondary | #113A82 |
| notification | #B61C2D |
| primary | #00566E |
| screenHeaderBackground | #CADFC0 |
| screenHeaderText | #FFFFFF |
| secondary | #042731 |
| separatorPrimary | #859095 |
| separatorTertiary | #CFD5D7 |
| shadow | #0D1A1E |
| textActionable | #FFFFFF |
| textPrimary | #172B31 |
| textSecondary | #294149 |
| textTertiary | #4A5E65 |
[Table 1. NowUIColoring default colors]

{#mobsdk-ios-use_nowUIcoloring__table_ick_m1x_dkc}