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.

Tab Background Graphic in Polaris

Lukas Loehrer
Tera Contributor

In all of the Tabs that can be expanded from the top like the "All" and "Favorites" tab, there's a transparent graphic at the bottom (like the background of .sn-polaris-nav::before). How can I remove this? It look hideous if you use any color other than the default.

1 ACCEPTED SOLUTION

Just learned via the SNDevs Slack (thanks Eric Riemer) than you can "remove" the image via setting the opacity on the following CSS Variable:  --now-unified-nav_menu--background-image-alpha. The image will not be removed but it will no longer display due to the opacity settings.

 

View solution in original post

6 REPLIES 6

Here's the syntax that worked for me.  

 "--now-unified-nav_menu--background-image-alpha":"0"

If anyone needs the syntax it's added with

"--now-unified-nav_menu--background-image-alpha": "0",

I added this line to my custom colors ux style.