Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Søg i Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Læs mere

How do I remove the transparent overlay on Firefox 58?

more options

I would like to remove the transparent overlay from Firefox tabs and any where else it appears. I used to be able to use the classic theme restorer before it was made obsolete by the new version of Firefox.

I would like to remove the transparent overlay from Firefox tabs and any where else it appears. I used to be able to use the classic theme restorer before it was made obsolete by the new version of Firefox.
Vedhæftede skærmbilleder

Alle svar (3)

more options

I'm not sure I understand what you want, but;

The author of Classic Theme Restorer posted a huge trove of custom style rules to replace many of the features that CTR users are missing: https://github.com/Aris-t2/CustomCSSforFx

In order to pick and choose different features you have to read through a detailed stylesheet file. If that's Greek to you, you could ask for assistance here: https://www.reddit.com/r/FirefoxCSS/

more options

https://addons.mozilla.org/en-US/firefox/addon/behind_the_overlay/

Behind The Overlay

One click to close any overlay popup on any website.

more options

Yes, CTR had a checkbox to remove that "fog" from the toolbars. To do that now, since extensions cannot do that any more, you need to use custom style rules. Here's an example rule set, and the attached composite screenshot shows the "before" and "after" (my bookmarks are masked by a dark green bar, that's not part of the style):

/* De-fog main toolbar and bookmarks toolbar except when hovered */
#navigator-toolbox:not(:hover) > #nav-bar, 
#navigator-toolbox:not(:hover) > #PersonalToolbar {
  background-color: transparent !important;
  background-image: none !important;
}
/* Remove top border of main toolbar */
#nav-bar {
  box-shadow: none !important;
  border-top: none !important;
}
/* Address bar transparent when not hovered */
#urlbar:not(:hover) {
  color: var(--lwt-text-color) !important;
  background-color: transparent !important;
  background-image: none !important;
}

Applying custom style rules to Firefox's toolbar area requires setting up a userChrome.css file, which is 10 minute project if you approach it carefully (which I recommend). More info and boring videos on my site here:

https://www.userchrome.org/how-create-userchrome-css.html