How to Turn on Dark Mode in Firefox

More and more operating systems, applications and websites are adding support for the dark mode as people try to reduce eye strain.

Mozilla recently added support for dark mode. You can activate it in four easy steps. Let me show you how.

Enable dark mode in Mozilla Firefox web browser

Step 1: In Firefox, go to the the top right corner and open the menu by clicking the hamburger menu.

Firefox Dark Mode Step 1Firefox Dark Mode Step 1
Click on the menu icon

Step 2: Click on the “Addons” menu entry. You could also use the Ctrl+Shift+A keyboard shortcut. On the “Addons” page you will see a list of the extensions that you have installed or disabled.

Firefox Dark Mode Step 2Firefox Dark Mode Step 2
Firefox Dark Mode Step 2

Step 3: Now we need to switch to the themes page. You can do that by clicking “Themes” on the left hand of the screen.

Firefox Dark Mode Step 3Firefox Dark Mode Step 3
Firefox Dark Mode Step 3

Step 4: You will see the “Dark” theme. Click on the “enable” button to immediately activate the dark mode.

Enabling dark theme in Mozilla FirefoxEnabling dark theme in Mozilla Firefox
Enable Dark Theme

Note: If you have Firefox Sync turned on, dark mode will be activated on all your Firefox installs.

Turning on Firefox’s dark mode only affects the browser’s theme. It does not change the website that you visit.

But that fails the point of using a dark theme if suddenly a web-page goes full bright into the eyes.

That would be inconvenient, won’t it? If you want to turn on dark mode for all the websites you visit, you can install Dark Reader.

Enable dark theme for the websites in Firefox with Dark Reader

Dark Reader is an open source browser extension available for Firefox, Chrome and Safari.

You can get Dark Reader extension for Firefox from this page. Just click on the Add to Firefox button to add this extension.

dark_reader_firefox-3701611dark_reader_firefox-3701611
Dark Reader extension in Firefox

You may need to restart Firefox to see the changes into effect. Here’s a screenshot of It’s FOSS homepage with Dark Reader:

itsfoss_dark_mode-7652584itsfoss_dark_mode-7652584
It’s FOSS Homepage in Dark Mode with Dark Reader

Dark Reader also provides you some options to set the intensity level of darkness, accent color etc. You can turn off dark mode on selected websites.

Dark Reader OptionsDark Reader Options
Dark Reader customization options

You can enjoy the dark mode on Firefox completely now. If you are using Chromium on Linux, you should be able to use Dark Reader on Chromium as well.