How to return to the original Firefox styling

[Ulfnic]

Previous tab styling:

• Enter about:config in the address bar
• Search for “proton”
• Set the following options to false
  • browser.proton.contextmenus.enabled
  • browser.proton.doorhangers.enabled
  • browser.proton.enabled
  • browser.proton.modals.enabled

Compact styling:

• Search for “uidensity”
• Set browser.uidensity to 1

Before / After:

Going forward:

These settings are being deprecated soon but it’s possible to apply custom CSS (or create your own) through userChrome.css and userContent.css to change Firefox styling in any way you like.

Custom CSS Guides:

• How To (simple): How to Add a User Stylesheet in Firefox
• More info: GitHub - Aris-t2/CustomCSSforFx: Custom CSS tweaks for Firefox
• Even more info: (In-Depth): https://www.userchrome.org/
• Reddit dedicated to custom styling: https://www.reddit.com/r/FirefoxCSS/

[MarkofCain]

Nice work!

[Ethanol]

Nice thanks!

The new design changed the way that tabs indicate playing media also. This is fine but what I don’t remember is whether the icon disappeared if the media was silent. I found this quite distracting when playing a youtube video in one tab and doing other stuff on another tab, I could see the tab turning on and off the “media playing” notification in the corner of my eye. So even if media is playing but there is silence or the volume is down the tab won’t indicate playing media.

If I set the value of browser.tabs.delayHidingAudioPlayingIconMS to something high like 10000 then that solves the problem for me.

Does anyone remember if this was always the behavior?