Change the header's background color in the Next Experience UI
The Next Experience UI not only brings a completely new and cool design, but also a fully new framework under the hood that requires intensive training even if you want to change small things.
While you can configure a corporate logo as usual (see Customize the banner logo), this no longer works with all the colors. However, many customers would like to adjust at least the background color in the header - on the one hand, to bring in their corporate color here or to better differentiate the individual environments (DEV, TEST, PROD) from each other optically speaking.
To help you with the background color changes I have added a small Update Set to this page. After installing this Update Set in your ServiceNow instance, you only have to open the following record
https://.service-now.com/now/nav/ui/classic/params/target/sys_ux_style.do%3Fsys_id%3D88c67f411b2d11506bebfcc6cc4bcb9c
and replace the already existing RGB value in the field "Style":
Be really careful when setting the value!
Do not remove any other characters, like the quotation marks. If you leave the contents of the field "Style" as an invalid JSON value, you risk getting a white screen!
If you want to disable the header's background color, you have to go to the System Property glide.ui.polaris.theme.custom which was created by the provided Update Set and remove the value:
To make this Property System work, you need at least the version "San Diego - Patch 1".
If you are interested in the background of creating individual Next Experience UI themes, I recommend the following resources:
If you want to get links to more helpful resources about the Next Experience UI I recommend my article Platform: Next Experience || Knowledge & Troubleshooting Resources
https://www.servicenow.com/community/now-platform-articles/change-the-header-s-background-color-in-the-next-experience-ui/ta-p/2323150