dook97/firefox-qutebrowser-userchrome

A minimalist userChrome.css based on qutebrowser

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

invisible button at the end of urlbar

This is intentional - it preserves the Ctrl-D functionality. If you don't need that you can add #star-button-box { display: none !important; }.

I want to disable favicons

Search for 'disable favicons' and uncomment the relevant line.

Credit

This userchrome is a fork of aadilayub's.

firefox-qutebrowser-userchrome's Issues

Pinned favicon not full (idk) + screenshot

this happens when I open so many tabs that the arrow on the right appears (idk)

Dark space between pinned tab and first not pinned tab

Hello, i just installed qutebrowser userchrome. I really like it, but i always have one pinned tab for music ( yandex.music )

It usually works fine ( with other userchromes ), but here...

Show autocompletions

Hello!

How would I make the autocompletions show up?

I have commented out this line: https://github.com/Dook97/firefox-qutebrowser-userchrome/blob/master/userChrome.css#L33, but they still don't show up.

Any help is appreciated.

Thanks!

Blue color only in tabs

I just modify the font and its size. But still just using the original file, it is always showing the blue tabs.

I use windows

image - https://cdn.discordapp.com/attachments/859975589430296606/1004071828358189186/Untitled.png

urlbar unselected foreground color

it's simply too dark, on a dark background too

is there any way to make the font white, like it is in private mode?

P.S.: i don't want to enable dark mode

When the tab reaches a certain number, the tab bar keeps flashing

Make tab title in center

As show in the screenshot, is it possible to make the text in the center of the tab?

Tree style tabs

Add the option to move the tabs to the right/left in a tree-like hierarchy?

Hide tab status or move it next to the tab title

Hi! Thank you for this theme, it's amazing.

I'd like to know if there's a way to hide the tab status (Playing, Muted/Unmuted, etc), or move it next to the title.

Font in the screenshots

Hi,

First of all I wanted to say that I very much appreciate this userchrome, it looks good. I wanted to ask though, what font are you using in the screenshots?

Dracula colors?

Hey, it's me again.

This userChrome is simply THE best, but I want to have Dracula colors

How do I go about adding Dracula colors?