https://github.com/dook97/firefox-qutebrowser-userchrome
A minimalist userChrome.css based on qutebrowser
https://github.com/dook97/firefox-qutebrowser-userchrome
firefox userchrome userchromecss
Last synced: about 1 year ago
JSON representation
A minimalist userChrome.css based on qutebrowser
- Host: GitHub
- URL: https://github.com/dook97/firefox-qutebrowser-userchrome
- Owner: Dook97
- License: gpl-3.0
- Created: 2022-04-16T22:08:24.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2025-02-23T13:31:16.000Z (over 1 year ago)
- Last Synced: 2025-03-30T02:03:37.797Z (about 1 year ago)
- Topics: firefox, userchrome, userchromecss
- Language: CSS
- Homepage:
- Size: 4.13 MB
- Stars: 125
- Watchers: 2
- Forks: 8
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# A minimalist userChrome.css
`userChrome.css` is a Firefox configuration file which allows the user to
define his own look of the browser.
This particular config works best with a minimalist WM like dwm, xmonad or
awesome.
## How to use
Enable user chrome:
1) in `about:config` set `toolkit.legacyUserProfileCustomizations.stylesheets` to `true`
Enable compact mode:
1) in `about:config` set `browser.compactmode.show` to `true`
2) in the customize toolbar menu set `density` to `compact`
Via the customize toolbar menu remove firefox view (the top-left corner icon)
Enable dark theme in settings.
Copy `userChrome.css` to the `chrome` directory in your firefox profile. If
there is no such directory create it.
If you're unsure what the path to your profile's directory is, you can find out
by going to `about:profiles`.
Then either install the DejaVu Sans Mono font, or change the relevant line of
`userChrome.css` (search for 'DejaVu Sans Mono') to some other font that you have
installed. This affects the urlbar font.
Optionally install [tridactyl](https://github.com/tridactyl/tridactyl) or a
similar extension for best results.
Color of text in a tab is determined by its container. If a tab has no
container, fallback colors are used. You can change the basic colorscheme by
adjusting values of variables defined at the top of `userChrome.css`.
## Screenshots
With navbar shown:
## Common issues
### black stripe under tab bar
Increase the value of the `--tab-min-height` variable in `userChrome.css`.
### I want to disable favicons
Search for 'disable favicons' and uncomment the relevant line.
## Credit
This userchrome is a fork of
[aadilayub's](https://github.com/aadilayub/firefox-i3wm-theme).