How to Enable Dark Mode in Safari on Mac

This article is about How to Enable Dark Mode in Safari on Mac. So read this free guide, How to Enable Dark Mode in Safari on Mac step by step. If you have query related to same article you may contact us.

How to Enable Dark Mode in Safari on Mac – Guide

Turning on dark mode (also called night mode) is a good way to reduce eye stress at night. If you look at a bright screen for several hours, you can easily experience headache and tired eyes because of it. In addition, it causes you to lose concentration on your task and your precious night’s sleep. If you use Safari on Apple devices and use it at night to read, work, or whatever. Then you can easily enable dark mode or use an extension for it. This will help you avoid headaches and reduce eye strain.

This will also help you save battery, especially if you have an OLED panel on your laptop. Below, we’ve provided all the necessary instructions for enabling dark mode in the Safari browser on Mac computers and iOS devices.

back to menu ↑

Enable dark theme for Safari

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

  • Step 1: Open the Apple menu and click on System Preferences.
  • Step 2: Click on the block labeled General.
  • Step 3: Click Dark in the top section called Appearance. This should change the entire operating system to a dark color scheme.
  • Start Safari and you should see the browser theme rendered in the dark as well. You should also find sites that display a native dark theme that is automatically rendered in dark mode. However, only a small minority of websites display a native dark theme, which means that you still have to deal with a ton of white pixels on the screen.

    This brings us to the next obvious question. How do you get dark mode on Safari everywhere?

    back to menu ↑

    Enable dark mode for websites in Safari

    Fortunately, there are a few ways you can easily use websites – those that don’t display a native dark theme – to render in dark mode. The first method involves using Reader View. The second method requires that you use an extension.

    back to menu ↑

    1. Use the reader view

    Reader View is an integrated feature of Safari that removes ads and other unwanted elements from web pages and presents them in an easily readable format. It also allows you to change the default white background color to black. Add that to Safari’s dark theme and you’ll have the full functionality of dark mode in your hands.

    But there is a problem – Reader View cannot be enabled everywhere. It is usually limited to blog posts and articles, like the one you are reading now. Regardless, let’s check it out in action.

  • Step 1: Click the Reader View icon in the left corner of the Safari address bar. Remember that this icon will only show up on web pages supported by Reader View.
  • Step 2: Click the aA icon in the right corner of the Safari address bar and change to a darker background color. You only need to do this once, because Safari remembers your preferences automatically.
  • And voila! This should render the page in a completely dark mode. Perfect.

    By default, you must enable Reader View manually each time you visit a web page. If it gets tedious, you can set it up to start automatically on supported web pages. Here it is how to do it.

  • Step 1: Click Safari on the menu bar and click Preferences.
  • Step 2: Switch to the Sites tab and click Reader in the left pane.
  • To enable Auto Reader Preview for open websites in Safari, click the menu next to each website listed in the Currently open websites section and select Enabled.

    To allow other sites to always switch to reader view, click the menu next to When visiting other sites and select Enabled.

    Exit the Preferences window. Safari will automatically switch to Reader View whenever you visit a page that supports this functionality.

    back to menu ↑

    2. Use the Safari extension

    Dark mode with Reader View works well, but it does not work on all websites and web pages. It is suitable if you read a lot at night, but it is not ideal for surfing the web in general.

    If you want dark mode almost everywhere, you should resort to using a Safari extension. However, almost all dark mode extensions I found on the Mac App Store required a fee. Unfortunately, that included the fantastic Dark Reader extension, which is available free of charge for Chrome and Firefox.

    But eventually, I found an extension that didn’t ask me to pay in advance – Night Eye. Here it is how to install and activate it.

  • Step 1: Install Night Eye via the Mac App Store.
  • Step 2: Open Safari Preferences.
  • Step 3: Click the Extensions tab and check the box next to Night Eye.
  • And that’s it. All but a few sites, such as Google Docs, that you find now must be rendered in dark mode.

    The extension works very well and still has the ability to work together with the system’s color scheme, controls to adjust brightness, contrast and saturation, etc. To access these options, click on the Night Eye icon to the left of the address bar.

    However, Night Eye is not completely free. You need to pay to continue using some of the advanced features features in extension after three months. The supposed ‘Lite’ version he changes to later limits you to using dark mode for up to five sites.

    If you like the extension, you can buy it. But I don’t recommend doing that. Its price is quite high: $ 8.99 for a one-year subscription or $ 39.99 for a single license. Instead, Dark Reader for Safari requires only a one-time fee of $ 4.99. There are also several other dark extensions – like Safari Dark Mode – that you can find on the Mac App Store for just $ 1.99.

    back to menu ↑

    Final note

    I hope you like the guide How to Enable Dark Mode in Safari on Mac. In case if you have any query regards this article you may ask us. Also, please share your love by sharing this article with your friends.

    Compsmag
    Logo
    Shopping cart