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",