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?
Hi Matt,
You can try this:
- Define UX Style
- Add this into Polaris theme (OOTB) --> trick here (m2m_theme_style)
- Switch to use this theme
Hope this will help!
Not sure, but, seems to be you are using only 1 theme.
Try to enable dark theme, then check again if you can switch normal/dark theme from Preferences menu.
