🌚 FF Midnight - A Dark Theme for Firefox
FF Midnight is a comprehensive dark theme system for Mozilla Firefox. It features interface styling that goes beyond the default built-in dark theme of the browser.
FF Midnight styles the complete interface in a dark color scheme, including Sidebars, Preference pages, View source page, PDF Viewer, all Firefox About:Pages and it also features a dark theme for popular addons such as uBlock Origin and Multi-Account Containers.
🎨 Theme color options
FF Midnight has 3 different dark color schemes that you can choose from:
- Cosmos - A dark blue theme (default)
- Galaxy - A dark blue-gray theme
- Redshift - A dark brown theme
More color schemes wil be added in the future.
Some styles and colors may not be optimal for accessibility but are based on personal preferences. For example the 'flat' urlbar style and custom Tab indicators for Container tabs (find the different options in
🛠 Extension in development
An extension of FF Midnight is currently in development. The goal is to have FF Midnight hosted on addons.mozilla.org. That should make installing and updating easier and will allow for the different options to be configured in a preference panel. Until the extension is finished you can manually install the theme by following the instructions below. Stay tuned!
As a prerequisite you should use the default Firefox dark theme. It can be selected on the
about:addons#themes page. If you don't, parts of the interface may become unreadable after installation.
- Find your Profile folder (Profile folder names are different for everyone):
Go to the URL
about:support> Profile Folder > Show in Finder (MacOS) or Open folder (Windows).
Alternatively go to
about:profiles> Root Directory > Show in Finder (MacOS) or Open Folder (Windows).
- Copy the contents of this repository's
themefolder to the
chromefolder in your Profile folder. Create the
chromefolder in your Profile folder if there is none yet.
- Optional: To change the default Cosmos color scheme to Galaxy or Redshift open
userContent.cssand follow the instructions in there.
- Optional: If you have the uBlock Origin and/or Multi-Account Containers extensions installed you can add theme styling to their interfaces as well.
about:debugging#addonsand find and copy the UUID of these addons. Open the CSS files for these addons located in
theme\css\ff-midnight\extensionsand paste the UUID in the correct location (Instructions found in the css file).
- Optional: Add a custom background image for the About:Home and About:Newtab pages: Open
background-image.cssand follow the instructions in there.
- Restart the browser.
Preferences page, Sidebar, Custom background for About:Newtab, Custom Tab indicators, uBlock Origin and Multi-Account Containers panels
View Source page, About:Addons page, Page Info dialog window
This theme is tested on MacOS but it should work fine on Windows and Linux. If you find any bugs or have suggestions all feedback is welcome.