Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

Hi there,

Working on branding the UI color scheme for your Virtual Agent client? Which labels go where, and what effect do these have? It can be a puzzle Although with the San Diego release a new page for Conversation Interfaces has been introduced, with amongst others an improved branding overview which amongst others instantly reflects changes to the colors for 10 out of 22 labels, still some help is needed.

I've summed up all labels that are mentioned on the branding page and added screen snippets to clarify where the color resides (colored red) in the Virtual Agent client.

Chat window branding

Chat window

Chat Header Background
Chat Background
Menu Icon
Chat Header Font
Input Background

Chat messages

User Bubble Background
Agent Bubble Background
Bot Bubble Background
Link
Button Background
User Bubble Font
Agent Bubble Font
Bot Bubble Font
Link disabled
Notification Text	< to be added >

Others

System message
Category background
Seperator
Time stamp
Category font
Loading Animation	< to be added >

---

And that's it. Hope you like it. If any questions or remarks, let me know!

Kind regards,

Mar k Roethof

Independent ServiceNow Consultant

3x ServiceNow Developer MVP

3x ServiceNow Community MVP

---

LinkedIn

Labels:

• Multiple Versions
• Virtual Agent