Modify banner background in NextExperience UI (San Diego)

[Matt Grover1]

I am working with the Next Experience UI for the first time, and am struggling to implement a seemingly simple change of the banner color in the new UI.  I have been able to create a new theme variant for the Polaris theme, and created a new color style to overwrite some of the OOB colors.  However, when copy/pasting from the OOB color style, there are hundreds of CSS properties, and it's difficult to know which ones control each UI component.  Following some other threads, I was able to change the primary, secondary, and neutral colors, as well as the now-color-chrome-brand properties to match my color scheme.  However, I'm not seeing anything that is affecting the banner itself:

Attempting to change banner colors in areas like basic ui16 or css system properties is not effective.  I have seen the docs for modifying several theme properties, including changing the banner image, but found them lacking for describing a simple color change.  Has anyone had any success with this that they can share?

[Community Alums]

Hi Matt @Matt Grover , did you able to change the banner colour? Can you please help me on the same.

[Matt Grover1]

Hello Sirraj,

I have been sidetracked by other priorities and haven't come back to this yet.  But unfortunately, no, I haven't seen an easy way to make this change, and haven't gotten any response yet from others who may have accomplished it.  I'm afraid my next course of action may be going through the stylesheet and tweaking properties line by line to see if I can find the right one.

[Jack · Accepted solution]

Hi Matt,

You can try this:

1. Define UX Style
   
2. Add this into Polaris theme (OOTB) --> trick here (m2m_theme_style)
   
3. Switch to use this theme
   
   
   
   
   
   

Hope this will help!

[Community Alums]

Hi, I don't see Theme and Workspace on my Preferences list. How do I pull them out? Thanks!