The NowChatTheme interface defines default colors for the elements in the Live Agent and Virtual Agent chat UI.

The NowChatTheme interface extends the NowUITheme interface and inherits the property nowUIColoring.

val nowUIColoring: NowUIColoring?

You can modify these default colors and create your own themes for your specific chat implementation.

Table 1. Properties
NameDescription
alertCritical0 Alert text background.

Default value: #F8C8CD
alertCritical3 Alert text icon and bar.

Default value: #B61C2D
alertCritical4 New message divider.

Default value: #891522
alertInfoZero Highlighting conversation items.

Default value: #BDDCF2
alertInfoTwo Highlighting conversation items.

Default value: #0079CC
alertModerate3 Alert and search result icons.

Default value: #5D46B6
backgroundPrimary Neutral background, choice picker, input background, and card background.

Default value: #FFFFFF
backgroundPrimaryActionable Pagination selected, popup background.

Default value: #151920
backgroundSecondary Bottom bar, columns in cards, search background in choice picker.

Default value: #F6F6F8
backgroundSecondaryActionable Clickable input such as search background (15%) or date and time background (100%).

Default value: #2C323F
backgroundTertiary Agent and bot bubble background.

Default value: #E4E6EA
backgroundTertiaryActionable Offline banner background.

Default value: #454D5B
boarderTertiary Chat input boarders

Default value: #D3D6DC
brand Headers

Default value: #302F4B
brandBackground User bubble background.

Default value: #D1D2EE
destructive Destructive action on buttons.

Default value: #B61C2D
highlightBlue Inline citation items.

Default value: #D9F4F9
highlightGray Inline citation item background.

Default value: #E8EAEA
linkPrimary Link on neutral background. For disabled links use 25% opacity with same color.

Default value: #3C59E7
linkSecondary Links on non-neutral (not #FFFFFF) background.

Default value: #293D9E
mandatory Mandatory input field indicator.

Default value: #E42338
navigation Navigation icon background.

Default value: #454D58
notification New message indicator.

Default value: #B61C2D
primary Actionable text and button background.

Default value: #4F52BD
screenHeaderText Text and icon elements with fixed color that appear on top of brand color (screen header).

Default value: #FFFFFF
secondary User's swiping motion.

Default value: #1C1D42
separatorSecondary Divider lines

Default value: #B0B5BF
separatorTertiary Divider lines

Default value: #D3D6DC
shadow Card shadow (15%)

Default value: #151920
textActionable Text on buttons or highlighted background.

Default value: #FFFFFF
textPrimary Chat bubble text, card header.

Default value: #151920
textSecondary Card content, search bar icon, and text.

Default value: #2C323F
textTertiary Weekday for calendar, placeholder.

Default value: #454D5B