EC Pro Theme and CSS Variables

JD Barlow
Tera Guru

‎01-31-2024 10:37 AM

I'm trying to understand if it is better to modify the OOB EC theme or if we should do an Insert and Stay to create a new theme altogether. We're probably just looking at some minor changes to colors/fonts/font sizes at first, but may be open to more extensive changes in the future.

 

  • Will modifications to the OOB theme be overwritten with ServiceNow upgrades?
  • If we do create a new one, is it best practice to copy the contents of the OOB EC Theme and re-associate all of the OOB CSS and JS includes?
  • How do the CSS variables in the portal record relate to the theme? Are these additional variables, or do these overwrite same variables if they are found in the theme record?
  • Is there a "cheat sheet" that further describes what the variables in the EC Theme file control?

Sorry for all of the questions, but thought it would be best to ask them all in one post. Thank you!

0 Helpfuls
  • 1,638 Views
5 REPLIES 5

Dan O Connor
ServiceNow Employee
ServiceNow Employee
In response to JD Barlow

‎02-12-2024 02:52 AM

Hey @JD Barlow 

So I would generally advise customers not to customise the header menu. This is the first asset that triggers on a page load, and I generally see performance issues occur when Headers are customised.

 

Sometimes customers can get away with it and it's minimal, in other cases I've seen significant slowdown in page loads. 

 

Our Header is designed to be the top part of the page. Adding another header would be customisation. 

 

I would have a good conversation with the stakeholders on this, as I'd strongly advise against this course of customisation. You need to discuss what value is it bringing, against the maintenance and overhead required. 

 

Remember that you also have a footer where you can be housing information etc.