Change Button Colors in Geneva UI16

[Shawn Dowler]

I am working on upgrading to Geneva and UI16 and I can't find a way to eliminate blue from parts of the theme. UI15 was easy, since I could use the base.color to affect most of the element I cared about. This had the nice benefit of provided a drastically different view for dev and test instances that production. Here is what I had in UI15, where I was able to get rid of almost all the light blue:

Is there any way to target related links and the circled i and the filter icon and the new button? I achieved all of this before with the following simple theme:

$highlight-color: ${base.color};
$accent-color: ${base.color};
$accent-color-dark: ${base.color};
$accent-color-light: ${base.color};
$color-accent: ${base.color};

This is what it looks like now (the purple stripe would be maroon in production):

[Deepa Srivastav]

Once check in System Properties-> Basic Configuration UI16 if changing settings there can help you...

-----

Mark Correct if it solved your issue or hit Like and Helpful if you find my response worthy.

Thanks,
Deepa

[Deepa Srivastav]

Hi Telmo,

Did you check in System Properties-> Basic Configuration UI16 if changing settings there can help you...

-----

Mark Correct if it solved your issue or hit Like and Helpful if you find my response worthy.

Thanks,
Deepa

[telmo]

Hi Deepa,

Yes I did check "System Properties-> Basic Configuration UI16". But they don't have all the possible properties in there.

You either had to define them in a theme definition or add new properties and associate them to the category "System Configuration UI16" for them to appear there.

Regards

[usmans]

I tried to change it in the Themes, but didn't reflect the changes. We did the same in Fuji and it had worked. I am on Geneva Patch 8.

Telmo/Shawn, Can you please confirm if this is working for you?

[telmo]

Hi,

Yes, just confirmed and it's working.

Added to the "Clean" theme:

$color-accent: #33cc33

Changed to that theme:

You can do it either in the theme or if you want to add it to the default theme you need to create a system property "css.$accent-color".

Just keep in mind one thing, this changes what Shawn wanted, the "New"/"Edit" buttons spread across the Platform. It doesn't change the color of the UI Action buttons for instance.

Regards,

Telmo