Awesome

MinimalFox User Style for Firefox

MinimalFox is a minimalist user style for Firefox, focusing on reducing screen clutter and emphasizing simplicity and usability.

*This was written mainly for Firefox ESR. but it can also work on standard versions.

https://github.com/Jamir-boop/minimalisticfox/assets/73477811/b2b9736d-6005-44cb-a219-358267869ad3

Prerequisites

• Firefox ESR Browser (recommended, but works with standard versions too).
• Font Cascadia Code installed on your system.

Enabling userChrome.css in Firefox

1. Open Firefox and type about:config in the address bar. Press Enter.
2. Click "Accept the Risk and Continue" if prompted.
3. Search for toolkit.legacyUserProfileCustomizations.stylesheets and set it to true by clicking the toggle button.
4. Search for browser.compactmode.show and set it to true by clicking the toggle button.
5. Set toolbar density to compact <img src="https://i.ibb.co/dPRFWb2/image.png" alt="image" border="0" width="300px">

Installation

1. Open your Firefox profile directory:
   • On Windows, press Win+R, type %APPDATA%\Mozilla\Firefox\Profiles, and press Enter.
   • On macOS, open Finder, press Command+Shift+G, enter ~/Library/Application Support/Firefox/Profiles, and press Enter.
   • On Linux, the path is usually ~/.mozilla/firefox/.
2. Open the profile folder (it may look like xxxxxx.default-release).
3. Create a folder named chrome if it doesn't already exist.
4. Inside the chrome folder, create a file named userChrome.css if it doesn't already exist.
5. Paste the userChrome.css file provided on this repo.
6. Restart firefox.
7. At about:preferences Set your default font to Cascadia Code <img src="https://i.ibb.co/0JvVP6Y/image.png" alt="image" border="0" width="100%">
8. Optionally you can copy the contentChrome.css that applies the custom font into all about:* websites inside firefox.

Note on the screenshots

This style is compatible with any theme, the one that I'm using the Dark Space theme.

CSS Customizations Included

The provided CSS code makes several modifications to streamline the Firefox UI:

• Hides the navigation bar by default, showing it only when the navigator-toolbox is 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.
• Optionally you can set the font to "Cascadia Code" across the UI for consistency and readability (If you have it installed).

Conclusion

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.

Enjoy your cleaner, more minimalist Firefox experience with MinimalFox!