Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

Trying to identify the navigator dropdown menu filter CSS line to update coloring

kristenmkar
Mega Sage

Good morning! 

 

I am familiar with much of the CSS code within the UX Styling, but I am having trouble finding where I can update the coloring when filtering results from the menu- you can see when it filters, the rest of the letters become gray.  Maybe a secondary color or something? Maybe --now-color_brand--secondary  or something?

 

Edit: I am specifically looking at changing that gray color of the secondary filtered text. Not necessarily when high-lighted, but all the results. 

Thank you! 

coloring.PNG

1 ACCEPTED SOLUTION

kristenmkar
Mega Sage

I did end up figuring this out myself via "Inspect" within the browser - there are 2 CSS lines that are missing initially - I added these 2 to my CSS script and voila! Hopefully it helps you guys as well! 

 

"--now-unified-nav_menu-filter-result--color--hover":"255,255,255",
"--now-unified-nav_menu-filter-result--color": "248,248,255",

View solution in original post

3 REPLIES 3

yago
ServiceNow Employee
ServiceNow Employee

Hi kristenmkar,

try to update the theme variable --now-unified-nav_menu-item--background-color--active

Please let me know if that works.

 

Thanks.

Good afternoon! 

Yes, I did try that one unfortunately - no luck.  I've tried all the (seemingly) relevant lines under unified-menu, filter, etc- could it be under united-triggered or something? 

Thanks for the response! 

kristenmkar
Mega Sage

I did end up figuring this out myself via "Inspect" within the browser - there are 2 CSS lines that are missing initially - I added these 2 to my CSS script and voila! Hopefully it helps you guys as well! 

 

"--now-unified-nav_menu-filter-result--color--hover":"255,255,255",
"--now-unified-nav_menu-filter-result--color": "248,248,255",