Home / Blog / How to Get Dark Mode for All Websites on Mac

How to Get Dark Mode for All Websites on Mac

MacBook showing How to Geek website in dark mode on Safari
Khamosh Pathak

Now that macOS Mojave has a darkish mode, wouldn’t or not it’s neat if all web sites routinely switched to darkish mode together with the system interface? It’s attainable utilizing the Darkish Reader extension for Safari, Chrome, and Firefox.

Whereas we’re speaking about the identical extension, the implementations are totally different between Safari and Chrome (together with Firefox). We’ll cowl each variations beneath.

RELATED: How you can Allow Darkish Mode in macOS Mojave

How you can Use Darkish Reader in Chrome and Firefox

The Darkish Reader extension for Chrome and Firefox is easy and simple to make use of. When you’ve ever used an extension within the browser earlier than, you’ll really feel proper at house.

When you’ve put in the Darkish Reader Chrome or Firefox extension (hyperlinks above), click on on the “Darkish Reader” extension icon.

Click on the Dark Reader extension icon in Chrome

Click on on the “On” button to allow darkish mode. All open web sites will immediately swap to a darkish theme.

Click to turn on dark mode in Chrome

All black textual content and white backgrounds will probably be inverted. In the case of colours and pictures, nothing will probably be touched.

Dark Reader extension in action in Google Chrome

To disable the darkish mode on a given web site, click on on the extension after which choose the “Toggle Present Web site” button.

Within the “Filter” tab, you’ll discover the darkish mode settings. From right here, you possibly can swap to gentle mode and alter the distinction ratio. You too can add a sepia or a grayscale filter.

Customize the dark mode in Chrome

To handle the blacklist, click on on the “Websites” tab. From right here, you possibly can add or take away web sites that may all the time be proven within the gentle mode.

Customize the site list in Chrome

Chrome’s interface helps Mac’s system look. So whenever you allow darkish mode in your Mac, the Chrome UI may also swap to darkish mode. However that doesn’t apply to the Darkish Reader extension.

Chrome additionally has a built-in brute-force darkish mode. You’ll be able to go to the Flags part and allow the “Power Darkish Mode for Internet Contents” flag to get darkish mode on all web sites. Learn our information for detailed directions for enabling the flag.

RELATED: How you can Power Darkish Mode on Each Web site in Google Chrome

How you can Use Darkish Reader in Safari

Safari handles extensions otherwise than Chrome and Firefox. Safari extensions at the moment are distributed as apps on the App Retailer. This is likely one of the the explanation why Darkish Reader prices $4.99 on the Mac App Retailer whereas it’s out there without spending a dime on Chrome and Firefox.

The Safari model has one main benefit: It syncs with the worldwide darkish mode in macOS. So whenever you allow the darkish mode in macOS (simply achieved utilizing the NightOwl utility), all of the web sites will immediately shift to a darkish theme as nicely.

When you’ve bought the Darkish Reader extension, open the app. From the app window, click on on the “Activate for Safari” button.

Click on Activate for Safari

This may open the Extensions panel in Safari. Click on on the checkmark subsequent to “Darkish Reader” to activate the extension.

Click on Dark Reader to enable the extension

You’ll now see a Darkish Reader icon within the Safari toolbar. Click on on the “Darkish Reader” button to see all choices and settings.

Click on the Dark Reader extension icon from Safari toolbar

To allow the darkish mode for all web sites, click on the “On” button. Change to the “Auto” mode to routinely toggle darkish mode primarily based in your Mac’s system preferences.

Click to turn on Dark Reader extension in Safari

If the pictures and icon don’t look fairly proper to you, make certain the “Dynamic Mode” is enabled (it’s a lot better than the Filter mode).

Dark Reader extension in action in Safari

If you wish to disable darkish mode for the present web site, click on on the “Enabled For Present Web site” button. You’ll be able to change the brightness and the distinction utilizing the slider within the extension menu.

Customize the dark mode in Safari

Click on on the “Settings” button for extra choices. From right here, you possibly can disable the darkish mode for all web sites by default. The “Theme” choice will allow you to arrange a customized theme for each web site.

Settings for Dark Reader in Safari

Now that you’ve a system-wide darkish mode on the Mac, study how one can allow it in your iPhone or iPad operating iOS 13, iPadOS 13, or increased.

RELATED: How you can Allow Darkish Mode in your iPhone and iPad

About Khamosh Pathak

Check Also

How to Swap Left and Right Mouse Buttons on Windows 10

Left-handers make up solely 10% of the world inhabitants and face every day obstacles that …

Leave a Reply

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