Skip to content

These usercontent and userchrome files will give a full themed dark color to Firefox Quantum, menus and dialogs included, as well as the scrollbars. It will also enable multirow/multiple rows tabs.

License

Notifications You must be signed in to change notification settings

boar24/Quantum-Nox-Firefox-Dark-Full-Theme

 
 

Repository files navigation

Firefox customizations for a full dark theme, multi-row tabs, custom scrollbar, and other functions.

Since Firefox 69, you have to enable toolkit.legacyUserProfileCustomizations.stylesheets in about:config for userChrome and userContent to be loaded at all as per bug #1541233.

If you are on Windows or Linux and only want multirow or any other function that isn't related to the theme (like tabs below, or focus tab on hover), you can use the installers inside the releases section.

This theme is mainly intended to be used alongside a lightweight theme, and for the stable release of Firefox (This means that while it will most probably work with nightly and ESR for the most part, it may have less support for those versions). You can use it to fully change the colors of most of firefox UI to dark-gray colors (with #222-#444 colors mostly), including scrollbars, tooltips, sidebar, as well as dialogs. With the files here you can also as remove some context menu options, enable multirow tabs, change the font of the url bar...

If you want to know how to change some colors of the theme, check the wiki.

Last update: 08/04/2020

Files updated:

  • userContent.css: Fixes for the new layout of Mozilla support page.

Pre-Last update: 18/03/2019

Files updated:

  • MultiRowTab*.uc.js: Compatibility fix for FF77.0a1 (Nightly).
  • userChrome.css: Minor fixes on the URLbar colors. Also added a fix for the URLbar "puffing" on new tab opening (for the CSS tweaks userChrome only).
  • userContent.css: Minor fixes in about:addons on Nightly.
  • Bookmarks+URLbar+Sidebar.css: Added a fix for the "puffing" URLbar so that it only adds padding when the autocomplete is open (so it won't resize when you open a new tab and the urlbar gets focus, or when you Ctrl + L and then press Esc).

A note on people looking to replace some Tab Mix Plus features:

You can find some of the basic settings that can be simulated through about:config, some userscripts, and some addons here.

Multirow Tabs and other functions

You can enable multirow tabs as well as other functions using the installer in the releases section, or following the methods explained inside Multirow and other functions folder.

Main browser UI

If you are using Linux or Mac, or want to add some more functionability (like deleting some useless context menu commands), you will have to use the methods described inside one of the 3 main folders of this repository:

Short review of each folder:

  • CSS tweaks: Enables removal of context menu items, multirow bookmarks, changing tab bar position (so that it could be under the bookmarks bar for example).
  • Full dark theme: Gives dark colors to firefox UI, including the scrollbars and the tooltips. Can also change the background image of about:home and the header image used as a persona.
  • Multirow and other functions: You can find the JS files that add extra functionability to Firefox that couldn't be done with CSS alone.

General sites dark theme

You can find an all-around sites stylesheet that will paint every site you visit dark here. You need Stylus addon to use it.

While it's not perfect (meaning that you should still use per-site styles for the sites you visit often), it can help to darken most sites when browsing around general sites that you don't visit often, and thus don't want/can't find a specific userstyle for them.

Addon dark themes

You can apply a dark theme to certain addons changing the UUID's of them inside the addons.css file inside the "Full dark theme" folder (more instructions on how to do that inside the addons file). Here is a list of the themed addons:

You might have noticed that we no longer have Lastpass dark theme inside addons.css anymore. This is because at the time that addon was themed, I didn't know much about it. After some research it seems like Lastpass has had a history of security issues (in 2011, 2015, 2016, and 2017), as well as there being other open source alternatives out there that seem to be more reliable, like Bitwarden (it also has a built-in dark mode) which is available for all major browsers.

The scrollbars

This theme colors scrollbars using userContent.css to give them a basic re-color.

If you want a different style on the scrollbars, you can try using the scrollbars.as.css file inside the Alternative scrollbars folder, which will make the scrollbars look more rounded and will have some sort of "puffy" effect when clicking them.

If instead you just don't want scrollbars to show at all but keep scrollability, you can do this through userContent.css setting the variable --scrollbars-width to none (should be the first rule on the :root section (almost at the start)), and deleting scrollbars.as.css.

If you aren't using the userContent provided here for some reason, you can always just add this code to your self-created userContent.css: *|* {scrollbar-width: none !important}

F.A.Q.

You can find the frequently asked questions in here.

Credits

The original code for the custom scrollbars which we modified here belongs to Arty2, and you can find it here.

The original code for the multirow tabs (the CSS part) was written by Andreicristianpetcu, and you can find it here, or for just the code, here. The fix of multi-row tabs draggability was made by TroudhuK, and you can find the original one here.

The original code for the multirow bookmarks toolbar belongs to the original creator mentioned in this reddit thread, whose code was fixed by jscher2000 to use in our current firefox version.

The fix to be able to theme unread tabs again after FF61 (see bug #1453957 on bugzilla) as mentioned in this reddit thread, was made by moko1960 to use in Firefox 61+.

The code to be able to edit anonymous content (in our case the scrollbars and tooltips) was created thanks to the efforts of Zeniko, Nichu, and Sporif in the old versions, and Xiaoxiaoflood for the current one.

Special thanks to Messna for noting the class turning into an ID on FF58, and Snwflake for fixing Firefox root folder location on MacOS.

Also thanks to 532910, BelladonnavGF, DallasBelt, Demir-delic, Gitut2007, Hakerdefo, Tkhquang and YiannisNi for noting some issues with the theme, and the requests for new features that extended this project.

Donations

If you want to support this project, consider buying me a coffee to motivate me keep this repository up and running. ​

Buy Me a Coffee at ko-fi.com

...or any other amount you see fit on paypal.

About

These usercontent and userchrome files will give a full themed dark color to Firefox Quantum, menus and dialogs included, as well as the scrollbars. It will also enable multirow/multiple rows tabs.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 65.9%
  • Python 17.8%
  • JavaScript 16.3%