Interested in a ServiceNow event built for developers? Registration for now[dev]26 is officially open!

How to customize header colors and input outline in Now Assist in Virtual Agent (Enhanced Chat)?

Mohith A
Tera Expert

Hi everyone,

I'm currently working on configuring Now Assist in Virtual Agent using the Enhanced Chat interface, and I'm trying to customize its look and feel to match our company's branding. However, I’ve hit a bit of a wall trying to change a couple of specific areas.

NAVA.png

As highlighted in the attached screenshot, I'm trying to update:

  1. The top header bar — specifically changing the background color and the header text color.
  2. The input field at the bottom — changing that default blue outline/border around the "Reply to Now Assist..." box.

I’ve already spent quite some time testing different methods, but none of them seem to apply. I've tried configuring it through Virtual Agent Branding settings, overriding Theme CSS variables, adding custom stylesheets via CSS Includes, and even tested using UI Scripts, but nothing has worked so far. The chat panel just keeps its default colors.

Does anyone know if there are specific theme properties or a supported way to brand these parts of Now Assist in Virtual Agent when using Enhanced Chat?

Any advice, suggestions, or pointers would be really appreciated.

Thanks in advance!

 

 

Anabathula Mohith
0 REPLIES 0