logo

NJP

How to Update Theme with New UI (San Diego) in ServiceNow | ServiceNow Tutorials

Import · Feb 02, 2023 · video

foreign [Music] my name is saloni I am technical consultant here at Glide fast today I will be giving a quick demo on how to change the theme on the San Diego instance with new UI experience enabled with the San Diego version we actually have to update CSS to update the theme colors it is not as easy as it was in previous versions let's dive right into it we will start with navigating to sys underscore ux underscore style underscore list.do table let's click on new to create a new ux style I am going to give it a name custom brand and I will copy the Json code with the base and properties blocked to the style field now we would navigate to themes and find Polaris foreign we will update the primary color as well as the header color so let's open color style we will find the code to override the primary color and copy the code needed we will go back to our newly created ux Style and paste the code in the base block now we will update the primary color to red and have to use RGB values of any color we choose I am going to change the values here quickly to override primary color and save it similarly I am going to add a code to change the header color to Maroon I am going to again navigate to Polaris ux theme and add new style to update the branding now let's refresh the page and here we go primary color is changed to red as well as the banner color that is all for today I hope you found this helpful [Music]

View original source

https://www.youtube.com/watch?v=Qul_487iaB0