UI Builder Branding button colors

[Tadz]

Hi,

Is there a guide for portal branding in what css is responsible of which?

I'm trying to update the following colors to blue.

i also updated the Legacy experience theme to these:

{
    "--now-color--primary-0": "255,255,255",
    "--now-color--neutral-18": "5,116,222",
	"--now-color--neutral-12": "5,116,222",
	"--now-color--primary-1": "5,116,222",
	"--now-color--primary-3": "5,116,222",
	"--now-color--neutral-2": "5,116,222",
	"--now-color--neutral-0": "5,116,222",
	"--now-color--primary-2": "5,116,222"
	
	
}

but somehow it didn't reflect. 

Thanks in advance.

Tads

[Community Alums]

Hi @Tadz ,

This Article would be a good helping guide for you :

https://community.servicenow.com/community?id=community_article&sys_id=1572d86edb40f0502dc24f7813961...

Mark my answer correct & Helpful, if Applicable.

Thanks,
Sandeep

[Oleg · Accepted solution]

You can use (define) the following variables:

--now-button--primary--color
--now-button--primary--color--hover
--now-button--primary--color--active
--now-button--primary--background-color
--now-button--primary--background-color--hover
--now-button--primary--background-color--active
--now-button--primary--border-color
--now-button--primary--border-color--hover
--now-button--primary--border-color--active

There are exist more variables with the same names, but which names starts with

--now-button--secondary
--now-button--tertiary
--now-button--primary-positive
--now-button--secondary-positive
--now-button--primary-negative
--now-button--secondary-negative

Instead of --now-button--primary.

You can examine existing CSS variables in UI Builder, by checking "View and edit CSS", opening external view of CSS (click on icon ()) and selecting "Variables" tab. See here.

[Tadz]

Thank you!! ????????????

[Brad Tilton]

You can view the full list of UX Theme Properties (variables) by going to Now Experience Framework > Theme Management > Theme Properties in the Core UI.

That'll give you the full list and some extra context around all ~2000 theme properties.