Next Experience theming variables

[Community Alums]

Hello,

I'm currently working on making new theme for Next Experience UI and I was looking for list of all variables(like: "--now-unified-nav_menu-filter--background-color--hover" etc.).

This would be really helpful with names of variables and what they change. I tried looking for something like this but i've only found basic variables(like:"--now-color--neutral-0").

Best Regards

Michal Mrozinski.

[Maik Skoddow]

Hi

there is an extensive article regarding theming of the Next Experience UI: https://community.servicenow.com/community?id=community_article&sys_id=a33fb397db590110e515c22305961...

Kind regards
Maik

[Brad Tilton]

Here's a list of theming hooks that should be available. This is a list independently maintained but is pretty reliable: https://theme.deoprototypes.com/hooks/

[Wybren1]

These are more for the UI Builder themes, not the Next Experience UI I think? Lot's of variables used within the theme are not within that list, and loads cannot be found.

[Brad Tilton]

These are primarily for Next Experience components, so it would probably not cover every single possible theme variable in the instance. Generally, if there's something specific I want to theme I usually inspect the editor to find the theme variable name.