How do I change the hover background-color for Application Navigator?

[Sheena2]

Hi,

I'm new to ServiceNow, so I'm looking for guidance on some branding items.

I would like to change the background-color of an app when hovering over it in the Application Navigator. It work like this (excuse the color):

However, I was unable to find the variable that controls this in Themes. Using the Developer tool in Chrome, I can see which class is causing the hover, but it doesn't look like you can override the CSS in the Support user side.

Additionally, I found that $nav-highlight-main applies, but then the color disappears after a second, so you don't have a visual indicator of which module you're using in the App Navigator.

Thanks,

Sheena

[SanjivMeher]

You may need to modify the CSS in System UI->Themes to do that

[Sheena2]

Thanks for the response!

I have already created a Theme using the guidance from the ServiceNow Docs, but I can't get the hover/mouseover color to be something other than grey. You can see an example below.

[Chuck Tomasi]

I posted an example of a theme I use in this article.

Chuck Tomasi's theme used at the NOWCommunity Live Stream

You're welcome to download it, import it, explore it, customize it, and so on.

[Sheena2]

Thank you for the reference, but it's still not solving the problem...I copy/pasted you example theme to use as a test.

The hover problem (I changed the modules background color to test it on white):

The $nav-highlight-main problem (changed the color to black for testing):

I'm thinking it's probably not possible to solve either one of these issues after 2 days of digging through the docs and forums.