Pictured: Minimal Fox, Catppuccin-mocha-pink and Catppuccin-latte-pink.
MinimalFox removes most of the clutter in your toolbar, even tabs.
MinimalFox is targeted at tiling window manager users, since they already control what they see with the keyboard in the first place.
If you do not know where to put userChrome.css
and userContent.css
files, try following this guide: https://www.howtogeek.com/334716/how-to-customize-firefoxs-user-interface-with-userchrome.css/
Decluttering your toolbar further can be done with built-in Firefox UIs:
- Right click any of the icons on your toolbar.
- Select
customize toolbar
. - Drag and drop items as needed.
Should you want to enable a larger drag space, you will have to configure the userChrome.css
file, as follows:
- Locate
--minimalfox-dragspace: 0px;
in the newuserChrome.css
file. This is usually at the top. - Change the value, for example:
--minimalfox-dragspace: 7px;
. - Close and reopen your browser until you find a comfortable fit.
Note
On Windows, any dragspace lower than 7px
may not be draggable.
If you use KDE Plasma, you can try holding the super
key while dragging any part of the application instead.
If you use tiling window managers, there is no point in changing this.
Attribution can be found within the css files themselves, usually linking to where I got that specific style from. The rest were made by myself with the browser toolbox.