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

[Mohith A]

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.

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!

[Tanushree Maiti]

Try post clearing the instance cache using cache.do 

If still not working, will suggest you to raise a case with your ServiceNow vendor.

[Mohith A]

@Tanushree Maiti,
Sure, I will try it if not will raise case. Thank You.

Regards,