NowChatTheme interface- Android
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.
| Name | Description |
|---|---|
| alertCritical0 | Alert text background.Default value: \#F8C8CD |
| alertCritical2 | Alert text icon color.Default value: \#E42338 |
| 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 boardersDefault value: \#D3D6DC |
| brand | HeadersDefault 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 linesDefault value: \#B0B5BF |
| separatorTertiary | Divider linesDefault 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 |
Parent Topic:Mobile SDK - Android