Next experience UI - Full List of Color Variables?

Winston
Tera Guru

Hello, 

 

I'm trying to update the branding on our Next Experience theme. I used the Theme builder and it handled most of the branding but there's still a few things we want to update. 

 

For the Navigation Menu background I used - "--now-unified-nav_menu--background-color"

For the text color of the modules I used (the first one listed) - "--now-unified-nav_menu-item--color" 

For the rest of the sub texts I used (the first one listed) - "--now-unified-nav_menu-subitem--color"

 

A few others things we were hoping to update are the highlighted color of the texts when you search in the Navigation Menu:

Winston_0-1696959925382.png

The sub text on the history drop down

Winston_1-1696959995624.png

1 ACCEPTED SOLUTION

Brad Tilton
ServiceNow Employee
ServiceNow Employee

There is not a complete list of which theme variables control what (I think that list would be 100k+) so I usually just inspect the DOM for the element in question to see how it's being styled. You can also see a list of many of the theming hooks here: https://theme.deoprototypes.com/hooks

View solution in original post

1 REPLY 1

Brad Tilton
ServiceNow Employee
ServiceNow Employee

There is not a complete list of which theme variables control what (I think that list would be 100k+) so I usually just inspect the DOM for the element in question to see how it's being styled. You can also see a list of many of the theming hooks here: https://theme.deoprototypes.com/hooks