Skip to content

Jamir-boop/minimalisticfox

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 

Repository files navigation

MinimalFox User Style for Firefox ESR

MinimalFox is a minimalist user style focused on reducing screen clutter and emphasizing simplicity and usability.

MinimalFox Icon

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

minimalfox_demo.mp4

Prerequisites

  • 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.

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

image

6. (Optional) Disable tab previews: set `browser.tabs.hoverPreview` to `false`.

Installation

  1. Open Firefox and go to your profile root folder (via about:profiles).
  2. Create a folder named chrome if it doesn’t exist.
  3. Copy the userChrome.css file from this repo into the chrome folder.
  4. Restart Firefox.
  5. At about:preferences Set your default font to Cascadia Code

image

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.
  • 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).

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.

About

Ultimate minimalistic user style for firefox ESR.

Topics

Resources

Stars

Watchers

Forks

Languages