How to Enable Dark Mode Everywhere in Safari on Mac

Quick Tips

  • Open Settings > Appearance > Choose Dark to enable Dark Mode in Safari.
  • Enable Reader View in Safari to enable Dark Mode for websites.
  • Open Safari > Settings > Websites > Reader > Turn on When visiting other websites > Add the website to always enable Dark Mode.

Enable Dark Theme for Safari on Mac

On macOS Catalina, you have a built-in dark color scheme that renders the entire operating system along with native apps, including Safari and supported third-party programs in dark mode. I bet some of you already know how to enable it. If so, skip ahead to the next section. Otherwise, here’s how to turn it on.

Open Settings > Appearance > Choose Dark Mode.

dark mode Mac

Launch Safari, and you should see the browser theme rendered in dark as well. You should also find websites that sport native a dark theme rendered automatically in the dark mode. However, only a tiny minority of sites do sport a native dark theme, which means that you still have to deal with a ton of white pixels on the screen.

Get Dark Mode Eveywhere Safari Mac 4

That leads us to the next obvious question. How do you get dark mode in Safari everywhere?

How to Enable Dark Mode for All Websites in Safari

Thankfully, there are a couple of ways that you can easily use to get websites — the ones that don’t sport a native dark theme — to render in dark mode. The first method involves using Reader View. The second method requires you to use an extension.

See more:  How to Record and Edit Zoom Videos on Windows and Mac

Method 1: Use Reader View

Reader View is a built-in Safari functionality that strips ads and other unwanted elements from webpages and presents them in an easily readable format. It also lets you change the default white background color to black. Couple that with Safari’s dark theme, and you’ve got full-fledged dark mode functionality in your hands.

But there’s a catch — Reader View can’t be enabled everywhere. Usually, it’s limited to blog posts and articles, such as the one that you are reading right now. Regardless, let’s check it out in action.

Step 1: Click the Reader View icon to the left-corner of the Safari address bar. Keep in mind that this icon will only show up on Reader View-supported web pages.

Get Dark Mode Eveywhere Safari Mac 5

Step 2: Click the aA icon to the right corner of the Safari address bar, and then switch to the darkest background color. You only have to do that once since Safari remembers your preferences automatically.

Get Dark Mode Eveywhere Safari Mac 6

By default, you must enable Reader View manually each time you visit a webpage. If that gets tedious, you can set it to kick in automatically on supported webpages. Here’s how to do that.

Open Safari > Settings > Websites > Reader > Turn on When visiting other websites > Add the website to always enable Dark Mode.

reader settings safari mac

Method 2: Use Safari Extension

Dark mode with Reader View works well, but it doesn’t function on all websites and webpages. It is apt if you read a lot at night, but not ideal for web browsing in general.

See more:  How to Use the Hidden Weather Maps on iPhone and iPad

But eventually, we did come across an extension that didn’t ask me to pay upfront — Night Eye. Here’s how to install and enable it.

Open Safari > Settings > Extensions > Check the box next to Night Eye.

Get Dark Mode Eveywhere Safari Mac 11

The extension works quite well, and even sports the ability to work alongside the system color scheme, controls to adjust brightness, contrast, and saturation, etc. To access these options, click the Night Eye icon to the left of the address bar.

Get Dark Mode Eveywhere Safari Mac 12

However, Night Eye isn’t totally free. You need to pay to keep using some of the advanced features in the extension after three months. The supposed Lite version that it switches to afterward limits you to using dark mode for up to five websites. Its price is quite steep at $8.99 for a one-year subscription or $39.99 for a one-off license.

Was this helpful?

.happy-face-cls-1{fill:#c9c9c9;}.happy-face-cls-2{fill:#e1e1e1;}.happy-face-cls-3{fill:#676767;}

.sad-face-cls-1{fill:#c9c9c9;}.sad-face-cls-2{fill:#676767;}.sad-face-cls-3{fill:#e1e1e1;}.sad-face-cls-4{fill:#676767;}


Thanks for your feedback!

Categories: How to
Source: thpttranhungdao.edu.vn/en/

Rate this post

Leave a Comment