Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/k-amryn/quietfox
Very Clean Firefox userChrome Mod
https://github.com/k-amryn/quietfox
Last synced: about 2 months ago
JSON representation
Very Clean Firefox userChrome Mod
- Host: GitHub
- URL: https://github.com/k-amryn/quietfox
- Owner: k-amryn
- License: mit
- Archived: true
- Created: 2019-08-09T06:12:47.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-07-05T22:51:14.000Z (about 3 years ago)
- Last Synced: 2024-06-01T22:46:34.896Z (4 months ago)
- Language: CSS
- Homepage:
- Size: 43 KB
- Stars: 173
- Watchers: 9
- Forks: 14
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### No longer being maintained
Quietfox was fun to build, but with the [new updates to Firefox's UI](https://www.mozilla.org/en-US/firefox/89.0/releasenotes/), much of its role of modernizing Firefox's interface is no longer needed. I would like to think I had some influence on some of Firefox's new design decisions, but either way I think they're doing good work. Thank you for enjoying Quietfox, best wishes to everyone.
## The Goal
This userChrome mod was created to make the Firefox UI cleaner and more modern without sacrificing any of its original features. You can still use themes, and you can still use Compact Mode and Touch Mode. You can pretty much forget that you have a mod installed, it works *quietly* in the background. Here are some of the notable features:
## Customizable values
Simply open userChrome.css in a text editor and change the values at the top of the file. Restart Firefox to see changes.
### Toolbar Customizations
```CSS
/* -------------------- 🎨 Customization 🎨 -------------------- */
--tab-corner-rounding: 7px;
/* --menu-corner-rounding: 10px; */
/* --menu-item-height: 30px; */
--button-corner-rounding: 20px;
--animation-speed: 0.4s;
```
```CSS
/* -------------------- 🎨 Customization 🎨 -------------------- */
--tab-corner-rounding: 0px;
/* --menu-corner-rounding: 10px; */
/* --menu-item-height: 30px; */
--button-corner-rounding: 0px;
--animation-speed: 0.0s;
```
### Menu Customizations
```CSS
/* -------------------- 🎨 Customization 🎨 -------------------- */
/* --tab-corner-rounding: 7px; */
--menu-corner-rounding: 10px;
--menu-item-height: 30px;
/* --button-corner-rounding: 20px; */
/* --animation-speed: 0.4s; */
```
```CSS
/* -------------------- 🎨 Customization 🎨 -------------------- */
/* --tab-corner-rounding: 7px; */
--menu-corner-rounding: 0px;
--menu-item-height: 25px;
/* --button-corner-rounding: 20px; */
/* --animation-speed: 0.4s; */
```
## Theme-adapted menus
## Address bar buttons appear when needed
## How to install
1. [Download](https://github.com/coekuss/quietfox/releases/latest/download/quietfox.zip) and unzip
2. Go to `about:support` in Firefox and open your Profile Folder
3. Drop your unzipped "chrome" folder into the folder that appears
4. Go to `about:config` in your Firefox and set the value of `toolkit.legacyUserProfileCustomizations.stylesheets` to `true` (this enables the loading of userChrome mods)
5. Restart Firefox
✔ Tested on Firefox 87 on Windows 10 and Ubuntu 19.10
---
### Older version
If you need Quietfox for an older version of Firefox, [see the releases page.](https://github.com/coekuss/quietfox/releases)
### Note about transparent themes
Although deliberate effort has been put into making this mod work with most themes, some transparent themes make menu text hard to read. Transparent themes also make the bottom corners of rounded tabs look wonky, so the file includes instructions to remove tabs' bottom corner rounding if you encounter this issue.
## P. S.
This mod is the product of many late nights of zen laser focus. If it enhances your web experience, consider donating a small sum to show your support ❤
Bitcoin: 1Lc5r26FTwWSLNH46fE5WH3mvFjNUcHGzi
PayPal: [paypal.me/coekuss](https://paypal.me/coekuss)