Updating ServiceNow Header Bar Color Only using Theme Builder
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
yesterday
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!
Shashank Jain
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
yesterday - last edited yesterday
Refer :
KB2556486 Changing Header Color in Zurich
Next Experience UI Theming Overview
Change the header's background color in the Next Experience UI
Regards
Tanushree Maiti
ServiceNow Technical Architect
LinkedIn: https://www.linkedin.com/in/tanushreemaiti