Skip to content

Enable Dark Mode in Safari on Mac and iPhone & iPad

Do you want to enable dark mode in Apple Safari on your Mac and iPhone? Learn how to activate system-wide dark mode from the device settings screen.

The dark mode is the feature that turns the display and appearance to dark. You can enable it from the Display Appearance settings on Mac and iPhone/iPad devices, which will also be applied to the Safari app.

Alternatively, you can use the reading mode option in the browser to turn the website content and background to dark mode.

Customize Theme and Appearance on Safari browser

In this guide, we have shared the steps to enable dark mode for the Apple Safari browser.

Enabling Dark Appearance for Safari on Mac

Enabling a dark mode appearance on macOS will also turn the Safari browser into the dark. Any website you visit that supports dark mode will be in a dark theme. However, websites that don’t have support for night mode won’t appear in the dark color (like BrowserHow).

Here are the steps to enable:

  1. Click to open the Apple apple logo menu.
    Apple System Preferences in mac computer
  2. Select System Preferences/Settings menu.
  3. Now, in the System Preferences, click on the General icon.
    General Settings menu in Apple MacOS
  4. In the General settings, besides the Appearance options, select Dark.
    Dark Appearance in Mac Settings

You will notice that everything in your macOS is dark now; even the Safari browser skin will turn dark. Also, the websites you visit in Safari will turn dark skin if it supports dark theme mode.

Using Dark Reader Mode in Safari for Sites

You can also enable dark mode from the Safari browser to visit websites in dark mode. However, it will only work if the websites you visit have a dark-mode version to browse. But it will work for popular websites like Facebook, Youtube, Reddit, etc.

  1. Open up the Safari app on Mac.
  2. Visit any webpage you like, say browserhow.com.
  3. Click on the reader mode at the left of the address bar.
  4. After that, click on the aA tab at the right of the address bar, and select Dark from the menu circle under the A section in the top-right.
    Enable Dark Reading Mode in Safari Mac

This will load the website page in reader view mode in Safari Mac and dark skin color. You can always turn off the dark reader skin by disabling the Show Reader View or Hide Reader View options menu.

Using the Third-Party Extension for Dark Site

Using the default Dark mode of the Safari Browser will not turn every website into Dark Mode. You can use a third-party extension if you want to turn all the websites to be in Dark Mode.

The recommended extension is the Dark Reader and Night Eye. Night Eye is free to download; however, it costs if you want to utilize all its features. On the other hand, Dark Reader is not free. You must purchase it first to use it.

Enable Night or Dark Mode in Safari Mac apps

Both extensions have great reviews and ratings; however, there are other extensions. You can open the App Store to search and install an dark mode supporting extension.

Enabling the Dark Appearance for Safari on iPhone

This system-wide dark mode support also turns the Safari browser skin into the dark. If you browse any site supporting the night mode, it will automatically turn into night skin.

  1. Open Apple Settings App on the iPhone or iPad.
  2. Scroll down and open the Display & Brightness menu.
  3. Under the Appearance section, choose the Dark option.
    Dark Display and Brightness Settings in Apple iPhone

This will turn the entire Apple iOS skin into a dim-mode view. This setting will also change the Safari browser app and enable the dark mode on the iPhone.

Using the Dark Reader Mode for Content

If you are an avid reader, you should consider using the reader’s mode in the Safari browser on iPhone/iPad. Within the reader mode, you can choose the dark background skin of the site.

Here are the steps to enable the dim reader view:

  1. Launch the Safari app on your iPhone or iPad.
  2. Visit the site that you want in Dark mode.
    URL Bar in Safari iPhone
  3. Tap on the aA button located at the left of the address bar on top,
  4. Select the Show Reader View option from the list.
    Show Reader View on Safari iPhone
  5. Again, tap the aA button and select the Dark color circle at the right.
    Dark Reader View in Safari iOS

Shortly after, the website will be available in reader view and displayed in dark skin.

Bottom Line

The system wide dark mode will be applied to all the application installed on your device. The apps will automatically detect the system settings and turn the application windows and option to dark theme.

With dark theme enabled on your Safari browser, you can enjoy your nighttime browsing much more battery or power efficiently without straining your eyes.

Lastly, if you've any thoughts or feedback, then feel free to drop in below comment box. You can also report the outdated information.

Please share the article if you find it helpful:

Disclosure: This page may contain affiliate links, which means we may receive compensation for your purchases; of course at no extra cost to you (indeed, you may get special discounts).
Kushal Azza

Kushal Azza

Kushal Azza is a Google Certified IT Professional, Digital Content Creator, and Go-To Digital Marketer with Engineering Degree. He has over a decade of experience solving tech problems, troubleshooting, and innovating digital solutions. Follow him on Twitter and LinkedIn.

Leave a thought or feedback

Please leave a descriptive comment or feedback with your real name. Our human moderator vets every comment, and it may take 24 to 48 hours to get published or rejected.

Your email address will not be published, and we will never spam your inbox. Required fields are marked *