MinimalFox is a minimalist user style focused on reducing screen clutter and emphasizing simplicity and usability.
*This was written mainly for Firefox ESR. but it can also work on standard versions.
minimalfox_demo.mp4
- Firefox ESR Browser (recommended, might work with standard versions too).
- Font Cascadia Code installed on your system.
- Knowing the basic shortcuts to close/open tabs (ctrl+w, ctrl+t) The more you know the better.
- Open Firefox and type
about:configin the address bar. Press Enter. - Click "Accept the Risk and Continue" if prompted.
- Search for
toolkit.legacyUserProfileCustomizations.stylesheetsand set it totrueby clicking the toggle button. - Search for
browser.compactmode.showand set it totrueby clicking the toggle button. - Set toolbar density to
compact
- Open Firefox and go to your profile root folder (via
about:profiles). - Create a folder named
chromeif it doesn’t exist. - Copy the
userChrome.cssfile from this repo into thechromefolder. - Restart Firefox.
- At
about:preferencesSet your default font to Cascadia Code
This style is compatible with any theme, the one that I'm using the Dark Space theme.
The provided CSS code makes several modifications to streamline the Firefox UI:
- Hides the navigation bar by default, showing it only when the
navigator-toolboxis hovered over or focused. - Adjusts tab appearance for minimalism.
- Hides various UI elements like the tab close button and title bar buttons for a cleaner look.
- Extension menu shown in cleaner way.
- Optionally you can set the font to "Cascadia Code" across the UI for consistency and readability (If you have it installed).
MinimalFox aims to offer a cleaner, more focused browsing experience by minimizing UI distractions. Remember, custom user styles like this are subject to break with future Firefox updates, so adjustments may be necessary over time.

