![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
How do I make the tab bar background transparent?
I've installed a separate installation of Australis, to see if I can customize it the way I want. So far, with the Classic Theme Restorer add-on, I've got it pretty close.
But I want my tab bar background to be transparent.
I could accomplish this before by putting things on the (now-defunct) Navigation toolbar and hiding the bookmarks toolbar. I can't do this now, and I'm stuck with the ugly, completely opaque Windows 7 default pale blue in my tab bar background. CTR allows adding a new toolbar, but any new toolbar also has the opaque-and-ugly background. Hiding the bookmarks toolbar doesn't get rid of the ugly opaque either.
See image-- http://i.imgur.com/o7IKk6s.png?1
The top is what I have and don't want (Firefox 29). The bottom is what I want and can't figure out how to get, without installing a theme that might change the entire look of Firefox. (Firefox 28.)
I know it would be better to upgrade to 29 permanently for future security updates, but if I can't fix the tab bar background, I'm going to remain very disappointed.
All Replies (6)
In CTR Options, tab labeled "Special", did you try checking the box for "Remove tab toolbars background fog (Windows AeroGlass)"?
Yes, just after I posted this, I found that option in CTR (and it's wonderful!)
However, the CTR nav-bar is still has the opaque Windows blue background. I found some code on this thread -- http://forums.mozillazine.org/viewtopic.php?f=48&t=2773133 -- that has made the background of the CTR nav-bar black (or very nearly) and entered it in Stylish.
- nav-bar{
padding-top:4px !important; padding-bottom:4px !important; background: #282828 !important;
}
It's preferable to the opaque and bright Windows blue, but I have no idea how to tweak that code to make the nav-bar background transparent.
Maybe try:
#nav-bar{ background: transparent !important; }
(The wiki software interprets # in the first position on a line as a request for numbering, but if you put a space before it, then it displays as expected.)
Modified
Yes! That works beautifully, jscher2000. No more opaque bars. Thanks for the help (and the tip about the wiki, I missed that.)
Suddenly, today, this bit of code no longer makes the Tab Bar background transparent. It's back to the Windows 7 powder blue.
Anything else I can try to make the Tab Bar background transparent?
That rule was just for the main toolbar, since Classic Theme Restorer was handling the tab bar.
Maybe try:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #navigator-toolbox > toolbar:not(:-moz-lwtheme), #nav-bar, #TabsToolbar { background: transparent !important; background-image: none !important; }
If that doesn't work, could you mention your themes: Windows Aero vs. Basic, Firefox default vs. a lightweight theme.