Skip to content

A customizable full dark theme for Firefox. You can also add extra functions using the CSS and JS files here apart from the theme.

License

Notifications You must be signed in to change notification settings

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

 
 

Repository files navigation

Quantum Nox Logo

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.

For updates on the development of the extension that will bring all features from this repo to a more user-friendly interface, you can go here

If you 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: 02/09/2021

Files updated:

  • userChrome.css: Fixes for urlbar background color and bookmark popups extra padding after FF92.

Pre-Last update: 02/09/2021

Files updated:

  • addons.css: Fixed an issue with Ublock Origin's unsaved changes banner.

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.

Multirow apng

Main browser UI

Dark firefox UI (Proton)

Example dialog window

Dark firefox Dialog

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).
  • Multirow and other functions: You can find the JS files that add extra functionability to Firefox that couldn't be done with CSS alone.
  • 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.

Custom Firefox home page

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.

Global Dark theme

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

Dark addons

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.

Re-colored dark scrollbar

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.

Custom dark blue scrollbar

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

A fix for multiple tab reordering and another fix for the new tab button to not start a row on its own without a tab on multirow was made by Merci-chao.

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, Pauby, Tkhquang and YiannisNi for noting some issues with the theme, and the requests for new features that extended this project.

About

A customizable full dark theme for Firefox. You can also add extra functions using the CSS and JS files here apart from the theme.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 60.9%
  • JavaScript 19.7%
  • Python 19.4%