Line with a gradient under nav bar or tabs?

Hey!

I am trying to make a line that goes from one side of the screen to the other under the navbar or the tabs, I have a gradient I'd like to use. I've tried with border bottom but haven't been able to achieve it.

Any suggestions? Thanks!

View original on fedia.io

Comments3

MrOtherGuy

lemmy.world

Something like this should work:

#navigator-toolbox::after{
  height: 1px;
  background-image: linear-gradient(to right, blue, yellow, cyan, magenta, red);
  order: 1000;
  content: "";
  display: flex !important;
}

Zetmah reply

fedia.io

As always it works perfectly. Thanks a lot!

ResurgamS13

fedia.io

Try the userstyles suggested in previous r/FirefoxCSS topic: 'Help needed, how to change border color under the bookmarks toolbar ?'... ignore "under the Bookmarks toolbar" in title... these lines actually appear between main toolbars and the webpage Content window.

BTW - Do give BiggMurr's reply a try... the whacked-out auto-changing border colours userstyle is a fun option... although you will need black or dark toolbars and content window to really enjoy the show!