Banner color breaking the outline fields

[Paulo Machado]

Hi, everyone.

I am facing a simple problem that is giving me a big headache.

I am trying to change the color of the banner for the instance. At first, I tried using the UI16 Config, but it didn’t work. So, I configured a theme:

{
    "base": {},
    
    "properties": {
        "--now-unified-nav_header--background-color": "0, 50, 160", 
        "--now-unified-nav_menu--background-color": "0, 50, 160",
        "--now-content-tree_sidebar--background-color--selected": "0, 0, 0"
    }
}

The banner color was changed, but the borders of the fields disappeared.

I’ve tried altering the code, but the borders only appear when I disable the theme. Does anyone have any suggestions?

Thanks in advance.

[Robert H]

Hello @Paulo Machado ,

Can you please advise what exactly is not working when you try to update the color via UI 16 Configuration? I just tried it on a new instance and the color was updated just fine.

Edited:

Can you please advise which UI you are using? Looking at the code you provided this seems to be a Next Experience/ Polaris style, not a UI 16 Theme.

If you're talking about Next Experience please review this documentation. It seems that the color overrides belong into the "base" section, not in "properties".

Regards,

Robert

[Paulo Machado]

Not working here:

I tested it in an anonymous sheet on Chrome, and it didn't work.

[Robert H]

Hello @Paulo Machado ,

Ok, so you are actually using Next Experience UI. UI16 Configuration won't do anything because it is a different UI altogether.

Have you reviewed the documentation link that I provided in my initial response? Here's also a very detailed article.

Regards,

Robert

[Paulo Machado]

I previously visited the link you sent and used it, but as you can see in the image below, when I change the color according to the theme, the black outline around the fields disappears.