Updating ServiceNow Header Bar Color Only using Theme Builder

Shashank_Jain
Mega Sage

Hello everyone,

I am looking to update only the header bar color of our ServiceNow instance.

 

Since the recent releases (Zurich), the recommended approach is to use the Theme Builder. However, when attempting to change the header color using this tool, it automatically adjusts the complete color contrast, navigation bar, and text colors across the entire instance.

Our requirement is strictly to modify the header background color without impacting the navigation bar, text colors, or any other global theme elements.

Has anyone successfully implemented a similar requirement using the Theme Builder, or is there a specific CSS/UX Style override needed to isolate just the header?

(Please see the attached screenshot for reference.)

Thank you!


Screenshot 2026-06-19 103300.png

 

 

If this works, please mark it as helpful/accepted — it keeps me motivated and helps others find solutions.
Shashank Jain
1 REPLY 1

Tanushree Maiti
Tera Patron