Ui builder css variables

[Vedavalli]

Hi 

In ServiceNow ui  builder there are css variables defined if we want to modify those it's not allowing me to do.
i want to change those where change i change

[Ankur Bawiskar]

@Vedavalli 

are you in correct scope?

this is for which page?

If my response helped please mark it correct and close the thread so that it benefits future readers.

[Vedavalli]

Hi @Ankur Bawiskar 

correct scope and this is ui builder page.
i want use different color but by default in variables color is getting applied i want to change default color so i tried to modify in variables but it's showing can't edit in read only editor .

[Ankur Bawiskar]

@Vedavalli 

check these links

All about Next Experience (Polaris) Themes Part 2 - UX Theme records 

Next Experience UI - Understanding Themes 

If my response helped please mark it correct and close the thread so that it benefits future readers.

[rohansargar]

Hello @Vedavalli 

In ServiceNow UI Builder, the CSS variables are defined at the platform level, and modifying them directly is restricted. However, there are ways to override or customize the UI theme:

Override CSS Variables in Theme
ServiceNow defines CSS variables in UI Builder within the Now Design System (NowDS). These are typically found in:

Path: System UI → Themes

Steps to Override CSS Variables:
Go to: System UI → Themes

Find the active theme (e.g., Now Experience Theme).

Clone the theme (You cannot edit the default theme).

Modify CSS Variables under the SCSS Variables Section.

Apply the new theme

Mark helpful if your issue got resolved.

Regards,

Rohan.