Skip to content

TanvirOnGH/firefox-config

About

My Tailor-Fitted highly customized and advanced Firefox configuration.

Note

This repository is not meant to be used as a whole, but rather as a reference for my own configuration. I do not recommend using it as is, as it is not meant to be used by anyone else. I do not provide any support for this repository. If you want to use it, you are on your own.

Tip

Disable all telemetry and data collection in Firefox. Look at my user.js and find others' user.js and hardened firefox configs.

For customizing firefox yourself, look at section Customizing Firefox.

Firefox-1

Firefox-2

Page loading animation

RGB URL bar

Navigation Buttons

Other buttons

Findbar

Searchbar

Downloads Menu

Features

  • Smooth scrolling
  • Animations
  • Sidebar (Sidebery) with auto-hide mechanism
  • Hovercards
  • Scrollable through tabs
  • Search bar for tabs in the sidebar
  • Custom toolbar button icons
  • Custom (bouncing) loading indicator animation
  • Only icons in extensions menu
  • Icons in main menu items
  • Round UI items
  • Compact about:config list
  • Various sidebar (sidebery, tree-style-tab) tweaks including auto-hide
  • Consistent and matching colors across various elements and the UI
  • Glow and scale effect on hover on toolbar buttons
  • Findbar as floating box at the top
  • Hidden horizontal tab bar
  • Bottom main toolbar and search/url bar
  • Hidden bookmarks toolbar visible on hover
  • Custom colors on various items
  • Centered text in the url bar
  • Colored overlay on the url bar based on the type of the connection
  • RGB animation on the url bar address
  • Other various fixes and tweaks
  • Custom addons configuration
  • Userscripts
  • Userstyles
  • Custom theme
  • Various performance and privacy tweaks

Where do each files go

File Location
user.js ~/.mozilla/firefox/<path_ID>.default/
chrome ~/.mozilla/firefox/<path_ID>.default/

NB: You can find your default profile in ~/.mozilla/firefox/profiles.ini.

Per addon configuration files are located in addons directory.

Additional tweaks

Toolbar

Go to Open application menu > More tools > Customize toolbar... and make the following changes:

Toolbar Settings

Set Density to Normal and uncheck Title Bar.

To disable bookmarks toolbar:

Bookmarks Toolbar

Customizing Firefox

If you're planning to make multiple and extensive alterations to your UI, learning how to use the Browser Toolbox is essential. It allows you to create modifications to the UI and fix those modifications if a newer version of the Firefox codebase causes issues.

While the Browser Toolbox isn't particularly user-friendly to set up or use initially, perseverance will pay off as it is key to inspecting Firefox's UI. Check out the r/firefoxcss wiki and search the subreddit for specific posts.

Investigate how to use Mozilla's source code indexing tool SearchFox as well.

Most of your "How to" questions can be answered by the Browser Toolbox and SearchFox, though it takes some time to understand them both from scratch.

As an alternative to using the Browser Toolbox and SearchFox, you can explore the wealth of information in subreddits like r/FirefoxCSS, r/firefox and r/unixporn. Finding the precisely relevant information often requires diligent searching with a variety of keywords. A useful trick is to search with a section of CSS userstyle, a selector, or a rule related to the UI element you want to modify. You can also look on GitHub, GitLab, and other code hosting sites, or simply use your favorite search engine. There are various articles and blogs online as well. Discord servers like unixporn can be helpful too.

Look for specific topics in github: userchrome, firefox-css, firefox-tweaks, userchrome-styles, userchromecss

More handy resources: userchrome.org, FirefoxCSS Store, Mozilla Bugzilla

Theme

The theme I'm currently using: RosyBrown Dark by Me

Addons

You can find list of addons I use here.

Userscripts

Userscripts

Stylus styles

Stylus styles

Ublock origin

Enabled all filters except for the regional ones. And added some custom filters:

Ublock origin

Notable Mentions

schizofox - Hardened Firefox flake for the delusional and the schizophrenics. You might find some interesting stuff there.

Betterfox - Firefox user.js for speed, privacy, and security. Your favorite browser, but better.

FirefoxCSS-Store - A collection site of Firefox userchrome themes.

r/FirefoxCSS - A subreddit dedicated to Firefox customization.

SearchFox - A source code indexing tool for Mozilla Firefox. It indexes C++, Rust, and JavaScript code.