Previously known as "Firefox 57+ full dark theme with scrollbars and multirow tabs", I decided to give it an actual name instead of leaving it as just a description.
Since Firefox 69, you have to enabletoolkit.legacyUserProfileCustomizations.stylesheetsinabout:configfor userChrome and userContent to be loaded at all as per bug #1541233.
This theme is mainly intended 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 Info section.
Files updated:
- userChrome.css: Fixed some issue with the text-selection background color not showing on search boxes. In pair with the previous fix, text-selection background color now uses a variable for both the background and text colors. Also fixed some text colors on the main menu.
- userChrome.css: Fixed the content-area search input box background color.
You can find some of the basic settings that can be simulated through about:config, some userscripts, and some addons here.
If you are on windows and only want the theme or multirow, you can use the batch file installers inside the installers folder.
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:
- 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:homeand 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.
You can apply the global dark userstyle found inside the Global dark userstyle folder to theme general sites with an all-around CSS stylesheet. 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.
It is recommended that you check the Global dark userstyle readme to know how to add site exclusions to the global userstyle.
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:
- Ant Video Downloader
- Cookie autodelete
- Download Manager (S3)
- History autodelete
- HTTPS Everywhere
- Noscript
- Notifier for Gmail (restartless)
- Multi-accounts containers
- OneTab
- Popup Blocker Ultimate
- Privacy badger
- Tab session manager
- Temporary containers
- Ublock Origin
- Undo closed tabs button
- Video Download Helper
- Viewhance
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.
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}
You can find the frequently asked questions in here.
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, and Xiaoxiaoflood.
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.
If you want to support this project, consider buying me a coffee to motivate me keep this repository up and running.
...or any other amount you see fit on paypal.
