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.