How to color the header dividing strip color with Now Experience active ??

Victor Mesa
Tera Contributor

‎11-27-2023 04:27 AM

Hi,

 

We want to customize the colors of our Servicenow instances, we have the Polaris theme active with Now Experience active.

 

We do not find within the style sheet where we can modify the color of the header line at the top.

VictorMesa_1-1701087976630.png

 

In the basic UI16 configuration there was an option to give it color.

VictorMesa_0-1701087909804.png

VictorMesa_2-1701088021469.png

 

 

any ideas?

0 Helpfuls
  • 420 Views
2 REPLIES 2

Dr Atul G- LNG
Tera Patron
Tera Patron

‎11-27-2023 04:53 AM

Best option use Theme builder  @Victor Mesa 

 

https://docs.servicenow.com/bundle/vancouver-platform-user-interface/page/administer/navigation-and-...

https://www.servicenow.com/community/next-experience-articles/theme-builder-the-simple-way-to-custom...

 

*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************
0 Helpfuls

Florian_R
Mega Sage

‎11-11-2024 12:36 PM

Hello,
Test on Vancouver version.
Switch to sn-themes application go to sys_ux_theme table.
Search Polaris in name
Create a new variant style with Colors Style css Json file
Add on your new variant Json css style this line (for exemple) :
"--now-unified-nav_header--border-color":"255,0, 0",
"--now-unified-nav_header--border-size":"5px"
Save and apply your new variant in your preferences

0 Helpfuls