https://github.com/williamanimate/minimalfox

A minimalist's Firefox
https://github.com/williamanimate/minimalfox

customization firefox firefox-css minimal minimalist userchrome userchromecss

Last synced: 14 days ago
JSON representation

A minimalist's Firefox

• Host: GitHub
• URL: https://github.com/williamanimate/minimalfox
• Owner: WilliamAnimate
• License: mit
• Created: 2024-03-04T05:35:09.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-03-29T23:55:37.000Z (8 months ago)
• Last Synced: 2024-10-10T20:10:09.040Z (about 1 month ago)
• Topics: customization, firefox, firefox-css, minimal, minimalist, userchrome, userchromecss
• Language: CSS
• Homepage:
• Size: 1.15 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




*Pictured: Minimal Fox, [Catppuccin-mocha-pink](https://addons.mozilla.org/en-US/firefox/addon/catppuccin-mocha-pink/) and [Catppuccin-latte-pink](https://addons.mozilla.org/en-US/firefox/addon/catppuccin-latte-pink/)*.

# A minimalist's Firefox.

MinimalFox removes most of the clutter in your toolbar, even tabs.

## Table of contents

- [Who is this for?](#who-is-this-for)

- [Installation](#installation)

- [Further configuration](#further-configuration)

- [Attribution](#attribution)

## Who is this for?

MinimalFox is targeted at tiling window manager users, since they already control what they see with the keyboard in the first place.

## Installation

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/](https://www.howtogeek.com/334716/how-to-customize-firefoxs-user-interface-with-userchrome.css/)

## Further configuration

Decluttering your toolbar further can be done with built-in Firefox UIs:

1. Right click any of the icons on your toolbar.

1. Select `customize toolbar`.

1. 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:

1. Locate `--minimalfox-dragspace: 0px;` in the new `userChrome.css` file. This is usually at the top.

1. Change the value, for example: `--minimalfox-dragspace: 7px;`.

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

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.