Firefox

Updated in .
Categories: Software.
Tags: Open source.
Site: mozilla.org/en-US/firefox/.

Table of Contents


Addons

A list of addons that I always install on Firefox.

Firefox userChrome.css

My userChrome.css file to modify Firefox appearance. This customized interface hides the tabs on the top of the browser; be sure to have an alternative way to access your tabs (like the Sidebery addon). It also hides the header of the sidebar.

/*
 * Enable userChrome.css support in Fx v69+
 * Open about:config
 * Set toolkit.legacyUserProfileCustomizations.stylesheets preference value to true
 * Open about:support
 * Click on "Profile Folder" -> "Open Folder"
 * Create a sub-folder named "chrome"
 * Change into the new folder
 * Create a file named "userChrome.css"
 * Add some rules
 * Restart Firefox
 */

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/*
 * This style will hide the tab bar and merge the title bar with the navigation bar. For Windows
 * Make sure "Title Bar" is unchecked in customize menu.
 *
 * Contributor(s): Ivan0xFF
 */
.tabbrowser-tab {
  visibility: collapse !important;
}

.titlebar-button {
  height: 40px !important;
}

#nav-bar {
  margin-top: -42px;
  margin-right: 140px;
  box-shadow: none !important;
}

[uidensity="compact"]:root .titlebar-button {
  height: 32px !important;
}

[uidensity="compact"]:root #nav-bar {
  margin-top: -32px;
}

#titlebar-spacer {
  background-color: var(--chrome-secondary-background-color);
}

#titlebar-buttonbox-container {
  background-color: var(--chrome-secondary-background-color);
}

.titlebar-color {
  background-color: var(--toolbar-bgcolor);
}

/*
 * Description: hide the header of the sidebar, which takes quite a bit of space.
 * Use with caution: you will no longer have a way to switch between sidebar panes,
 * so make sure you have some other way of doing so if you need to.
 * (For example, an extension can add a toolbar button which opens its sidebar pane.)
 *
 * Contributor(s): Chris Morgan
 */
#sidebar-header {
  display: none;
}

/*
 * Move the hamburger menu to the top left, before the first tab
 *
 * Contributor(s): Alex Vallat
 */
#PanelUI-button {
  -moz-box-ordinal-group: 0;
  border-left: none !important;
  position: absolute;
}

:root[uidensity="compact"] #PanelUI-button {
  margin-top: -28px;
}

#PanelUI-button {
  margin-top: 0px;
}

:root[uidensity="touch"] #PanelUI-button {
  margin-top: -36px;
}

#TabsToolbar {
  /* Ensure the padding is always present even when maximized */
  padding-inline-start: 40px !important;
}

/*
 * Hide the back and forward buttons, but only when the window is maximized
 *
 * Particularly useful in combination with an add-on like MileWideBack
 *
 * Contributor(s): Madis0
 */
#main-window[sizemode="normal"] :-moz-any(#back-button, #forward-button),
#main-window[sizemode="maximized"] :-moz-any(#back-button, #forward-button) {
  display: none !important;
}

/*
 * Hide the bookmarks name on the bookmarks bar
 */
#personal-bookmarks .toolbarbutton-text {
  display: none !important;
}