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 18 hours 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 (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2025-01-27T19:27:32.000Z (5 days ago)
• Last Synced: 2025-01-27T20:29:51.277Z (5 days ago)
• Topics: firefox, userchrome, userchromecss
• Language: CSS
• Homepage:
• Size: 4.13 MB
• Stars: 112
• 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 Jetbrains Mono font, or change the relevant line of

`userChrome.css` (search for 'Jetbrains 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

![](https://raw.githubusercontent.com/Dook97/firefox-qutebrowser-userchrome/screenshots/basic.png)

With navbar shown:

![](https://github.com/Dook97/firefox-qutebrowser-userchrome/blob/screenshots/urlbar.png)

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