How to Get Dark Mode for All Websites on Mac

MacBook showing how Geek website in dark mode on SafariKhamosh Pathak

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.

RELATED: How to activate dark mode in macOS Mojave

How to use Dark Reader in Chrome and Firefox

The Dark Reader extension for Chromium and Firefox is simple and straightforward to use. If you’ve ever used an extension in the browser, you’ll feel right at home.

Once you have installed the Dark Reader Chrome or Firefox extension (links above), click on the “Dark Reader” extension icon.

Click on the Dark Reader extension icon in Chrome

Click the “On” button to activate the dark mode. All open websites will instantly switch to a dark theme.

Click to activate dark mode in Chrome

All black text and white backgrounds will be reversed. Regarding colors and images, nothing will be affected.

The Dark Reader extension in action in Google Chrome

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.

Customize dark mode in Chrome

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.

Customize the list of sites in Chrome

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.

RELATED: How to force dark mode on each website in Google Chrome

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.

Click Activate for Safari

This will open the Extensions panel in Safari. Click the check mark next to “Dark Reader” to activate the extension.

Click on 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.

Click on the Dark Reader extension icon in the Safari toolbar

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.

Click to activate the Dark Reader extension in Safari

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

The Dark Reader extension in action in Safari

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.

Customize dark mode in Safari

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.

Dark Reader settings in Safari

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.

RELATED: How to activate dark mode on your iPhone and iPad

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.