Now that macOS Mojave has a dark mode, wouldn’t it be nice if all websites automatically went dark with the system interface? It is possible to use the Dark reader extension for Safari, Chrome and Firefox.
While we are talking about the same extension, the implementations are different between Safari and Chrome (with Firefox). We will cover both versions below.
How to use Dark Reader in Chrome and Firefox
Once you have installed the Dark Reader Chrome or Firefox extension (links above), click on the “Dark Reader” extension icon.
Click the “On” button to activate the dark mode. All open websites will instantly switch to a dark theme.
All black text and white backgrounds will be reversed. Regarding colors and images, nothing will be affected.
To deactivate the dark mode on a given site, click on the extension and then select the “Toggle current site” button.
In the “Filter” tab, you will find the dark mode settings. From there you can switch to light mode and change the contrast ratio. You can also add a sepia or grayscale filter.
To manage the blacklist, click on the “Sites” tab. From there, you can add or remove websites that will always be displayed in clear mode.
Chrome’s interface supports the appearance of the Mac system. So when you turn on dark mode on your Mac, the Chrome user interface also goes into dark mode. But this does not apply to the Dark Reader extension.
Chrome also has a built-in dark brute force mode. You can go to the Flags section and activate the “Force dark mode for web content” flag to get dark mode on all websites. Read our guide for detailed instructions on activate flag.
How to use Dark Reader in Safari
Safari handles extensions differently from Chrome and Firefox. Safari extensions are now distributed as apps on the App Store. This is one of the reasons why Dark Reader costs $ 4.99 on the Mac App Store when it is available for free on Chrome and Firefox.
The Safari version has a major advantage: it synchronizes with the global dark mode under macOS. So when you enable dark mode in macOS (this is easily done using the NightOwl utility), all websites will instantly switch to a dark theme as well.
Once you have purchased the Dark Reader Extension, open the app. In the application window, click on the “Activate for Safari” button.
This will open the Extensions panel in Safari. Click the check mark next to “Dark Reader” to activate the extension.
You will now see a Dark Reader icon in the Safari toolbar. Click the “Dark Reader” button to see all of the options and settings.
To activate dark mode for all websites, click the “On” button. Switch to “Auto” mode to automatically switch to dark mode based on your Mac system preferences.
If the images and the icon do not seem entirely correct, make sure that the “Dynamic mode” is activated (it is much better than the Filter mode).
If you wish to deactivate the dark mode for the current website, click on the “Activated for the current website” button. You can change the brightness and contrast using the slider in the extension menu.
Click the “Settings” button for more options. From here, you can turn off dark mode for all default websites. The “Theme” option will allow you to configure a custom theme for each website.
Now that you have a system-wide dark mode on Mac, find out how to activate it on your iPhone or iPad running iOS 13, iPadOS 13 or higher.