Firefox customizations to remove tab bar and stream-line

Table of Contents

Version at time of writing: Firefox 79.0

First, locate your profile by going to the firefox menu bar: Help -> “Troubleshooting Information” and find on the page “Profile Directory”. Navigate there, where you’ll be making/adding two files that allow you to customize behavior and appearance of Firefox. For reference, mine was here: ~/.mozilla/firefox/aabkj82t.default/ . Yours will have some other blob of random characters before “.default”.

userChrome.css

This file should definitely exist already. Visit and add:

/* From https://www.reddit.com/r/emacs/comments/idjwyy/browsing_the_web_from_within_emacs_again/g29m2bf */
/* https://www.reddit.com/r/FirefoxCSS/comments/gedwdn/hiding_tab_bar_with_one_tab_in_firefox_76/ */
#tabbrowser-tabs, #tabbrowser-tabs arrowscrollbox { min-height: 0 !important; }
#tabbrowser-tabs tab { height: var(--tab-min-height); }
tab:only-of-type, tab:only-of-type + #tabs-newtab-button {
    display: none !important;
}

user.js

The file user.js1 may not exist yet. Documentation warns to be careful here, as this file over-rides anything written in your :about-config.

// Allow chrome/userChrome.css
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);

// Force all links to open in the same window.
user_pref("browser.link.open_newwindow", 1);

// Disable horrible tab switcher.
user_pref("browser.ctrlTab.recentlyUsedOrder", false);

// Disable horrible new tab page.
user_pref("browser.newtabpage.enabled", false);

Footnotes

1 Official documentation: http://kb.mozillazine.org/User.js_file . Isn’t it great to have easy customization of the browser?

Tory Anderson avatar
Tory Anderson
Full-time Web App Engineer, Digital Humanist, Researcher, Computer Psychologist