How do I change the color of the highlighted text in the Application Navigator?

[itoma]

Hello everyone,

How could I change the color of the text highlighted in black when it appears as a search result in the Application Navigator? (Example in the attached screenshot).

Additionally, I inspected the browser to find the source of this color and identified that it is controlled by the CSS variable "--now-unified-nav_menu-filter-result-mark--color".
However, I can't find this variable in the instance to modify and test if it actually controls the highlighted color.

Thank you in advance!

[Slava Savitsky · Accepted solution]

Many CSS variables (including several with "--now-unified-nav_menu-filter-" in the name) are defined in the "Color" style sheet under Now Experience Framework > Themes > Polaris. That base system theme is not editable, but you could create your own theme and redefine the variables the way you want. Hopefully, if you add "--now-unified-nav_menu-filter-result-mark--color" variable to your custom theme, it will override the default value, but I haven't tried that.

[itoma]

Hi @Slava Savitsky ,
Thanks for your help. The solution you proposed worked for me.
In fact, I really needed it for my custom theme, I just used the screenshot from PDI.

[Sumanth16]

Hi @itoma , 

Please refer below thread:

https://www.servicenow.com/community/developer-forum/how-to-change-filter-navigator-background-color...

Please hit like and mark my response as correct if that helps

Thanks & Regards,

Sumanth Meda