How to change the colour of my Instance in Sandiego

[Community Alums]

Hi Team,

I want to change my Instance's header color in order to differentiate between different instances(Dev,Test). I configured the system properties>Basic configuration UI16 and changed it to different color for header background but it is still showing the same blackish color.

Is there any other way to change it? Could you please assist me with screenshot? Thankyou.

Regards,

Srijan

[Jaspal Singh]

Did you check for article by @Ashley Snyder. It has all details as expected.

[Brad Tilton]

Ashley actually wrote another article called Theme your Production and Sub-Production instances using Next Experience UI that should answer your question

[Kit Cheong]

1. Create a new record in sys_ux_style.

Type: Core.

Style:

{
    "base": { },
    "properties": {
        "--now-unified-nav_header--background-color":"11,76,9"
    }
}

Enter your colour value in RGB.

2. Create a related record in UX Theme Styles.

Order: 1 or greater.

Theme: Polaris

3. Create a Data Preserver for these records.

More Info

https://docs.servicenow.com/bundle/sandiego-platform-user-interface/page/administer/navigation-and-u...
https://www.servicenow.com/community/next-experience-articles/next-experience-theming-fundamentals/t...
https://docs.servicenow.com/en-US/bundle/tokyo-platform-administration/page/administer/managing-data...

[Maik Skoddow]

Hi

in my article Change the header's background color in the Next Experience UI I have provided an Update Set which makes it easy to change the header color.

Maik