• Get One: Tornado Alert Apps
  • The Best Tech Gifts Under $100

How to Enable Safari Dark Mode

Avoid eye strain with these settings

turn safari dark mode on

  • Swansea University, Staffordshire University

turn safari dark mode on

  • Wichita Technical Institute

What to Know

  • Turning on dark mode in system preferences will enable the mode for compatible websites.
  • If a website has a  Reader  button on the left side of the search field, click it to go dark.
  • Use a Safari extension to enable dark mode on all websites. We recommend Night Eye and Dark Reader

This article covers three options to enable and disable Safari's Dark Mode on your Mac: via system preferences, by using Safari Reader View and using a browser extension.

How to Turn on Safari's Dark Mode via MacOS

At night, black text on white backgrounds is particularly tough on your eyes. It's very simple to switch on Dark Mode for your Mac. It doesn't just turn on Dark Mode for Safari, it does so for all your apps but that's perfect for protecting your eyes late at night or in dim lighting conditions.

Dark Mode is only available in macOS Mojave or later.

Click the Apple icon on the top left of your screen.

Click System Preferences.

Click General .

Click Dark .

If you want the dark appearance to only appear at night, you can click Auto for it to automatically adjust as the day progresses.

All websites that have been designed to support Dark Mode will now show in a darker form than before.

How to Switch off Safari Dark Mode

Switched on Dark Mode and realized you don't like it? It's simple to switch it back off.

As above, click the Apple icon on the top left of your screen and then choose System Preferences > General .

Click Light .

MacOS and Safari will now return to the light background permanently until you choose to switch it over again. 

How to Use Safari Reader View to Turn on Dark Mode

Depending on the website you're viewing, the only thing that may go dark with MacOS's Dark Mode is the buttons and menus around the website. To ensure the site goes fully dark to protect your eyes, you need to use Safari's Reader View.

Safari Reader View only works on certain websites. Often, this is restricted to blog posts and other text-heavy websites. It's worth using when able to though. 

On the website you want to view, click the Reader button on the left side of the search field.

This only appears on websites that support Safari Reader View.

Click the letter button on the right side of the search field.

Click the black background to change the background color. 

You can also adjust font size and font choice here.

The background has now been changed to a dark one with white text. 

Click away from the article to revert back to the original look or press the Escape key on your keyboard.

How to Use a Dark Mode Extension in Safari

The above solutions work only on a limited number of websites. If you want to enable Dark Mode for every website, you need to use a Safari extension. Many of these cost money but they can be useful. We recommend using either Night Eye which is free but limited or paying a one-off fee for Dark Reader. The process is the same for both extensions.

Install either Night Eye or Dark Reade r from the Mac App Store .

Open Safari then click Safari > Preferences .

Click the Extensions tab.

Check the box next to your newly installed extension to enable Dark Mode.

Both of these extensions should convert the vast majority of websites to Dark Mode as and when you need it.

Get the Latest Tech News Delivered Every Day

  • How to Turn Dark Mode On or Off in Microsoft Outlook
  • How to Use Google Docs Dark Mode
  • How to Use Night Mode on Twitter/X
  • 10 Hidden Features in macOS Sonoma
  • What Is Safari?
  • How to Use Safari Extensions on the iPhone, iPad, or iPod Touch
  • 9 Best Safari Extensions of 2024
  • How to Turn on Windows 11 Dark Mode
  • The 20 Best Firefox Extensions of 2024
  • How to Turn Mac Dark Mode On or Off
  • How to Turn Off Mouse Acceleration on Mac
  • How to Use Reading Mode on an iPhone or iPad
  • How to Enable Dark Mode on WhatsApp
  • How to Print a Web Page
  • 8 Tips for Using Safari With macOS
  • How to Turn On Dark Mode on Instagram

How to turn on Safari dark mode on a Mac

How to turn on safari dark mode on an iphone or ipad, how to turn on safari's dark mode on any apple device to save battery life and reduce eye strain.

  • You can enable dark mode for Safari on a Mac, iPhone, or iPad, which can help ease eye strain and extend your device's battery life.
  • Turn on dark mode for your Mac in System Preferences in the General section.
  • For an iPhone or iPad, enable dark mode in the Settings app by going to the Display & Brightness section. 

In recent years, developers have been making it easier to enable dark mode for all your most common apps. That's good, because many people prefer dark mode because the palette is often easier on the eyes — especially at night — and it can even help extend your device's battery life by not illuminating the screen as brightly. Here's how you can turn on dark mode for the Safari browser on your Mac, iPhone, or iPad. 

Safari automatically uses dark mode if you enable it in your Mac's System Preferences.

1. Click the Apple menu and then choose System Preferences…

2. Click General .

3. In the Appearance section, click Dark or Auto . 

If you choose Dark , Safari and all other compatible apps will switch to a dark color palette right away and stay that way until you change this setting. Auto , on the other hand, sets the palette to dark at night and switches it to light during the day. 

Just like on the Mac, Safari on your iOS device uses dark mode if you enable the feature in your iPhone or iPad's settings. 

1. Start the Settings app.

2. Tap Display & Brightness .

3. In the Appearance section, tap Dark . 

If you want Safari (and the rest of your device) to use dark mode automatically at night but switch to a light palette during the day, turn on Automatic by swiping the button to the right.

turn safari dark mode on

  • Main content
  • PC & Mobile

How To Enable Dark Mode on Safari

turn safari dark mode on

Evan Gower With over a decade of experience in digital publishing. Evan leads our team with a keen eye for emerging tech trends. Read more September 15, 2022

Device Links

  • Device Missing?

If you spend a lot of time on your iPhone or Mac computer reading articles on the web, chances are that your eyes will hurt after sitting in front of the screen for several hours. Bright light and small font lead to eye strain, headaches, and decreased focus.

How To Enable Dark Mode on Safari

Windows users have had the Dark Mode for a long time, and now it’s finally available for Safari users on iOS devices. You can get an extension for your Safari browser and read articles all night. Read on and learn how to activate Dark Mode on your iOS device.

Safari’s Native Dark Mode Function

Safari (even older versions) already has a built-in dark mode feature. This function won’t work for every website because it’s meant to help ease the strain on your eyes while reading.

Users who are running a newer version of macOS can follow these steps:

turn safari dark mode on

If you don’t have the option to use Dark Mode, you can use ‘Reader View’ within Safari. Here’s how you can use the Reader View to darken your screen:

turn safari dark mode on

If you don’t see the Reader tab, you can find it by clicking View and selecting Show Reader .

Of course, this won’t work for every web page. It will work for any blogs or articles you’re trying to read, so we have a few more options listed below.

Safari Dark Mode

Night Eye for Safari

This extension is another download available in the App Store for Safari’s lack of dark mode options.

turn safari dark mode on

Although this app is free to download, it will cost you $39.99 per year to use it. The free option, ‘NightEye Lite,’ will limit you to five websites. This is perfect for someone looking to activate only a handful of pages. The extension offers full image support and the ability to use the features on multiple platforms.

Download Night Eye for Safari

Visit your Mac’s App Store and download the extension.

turn safari dark mode on

Activate the Extension

Tap on the Night Eye extension and choose the dark mode option. If there’s a website, you’d like to view without dark mode, simply tap the extension again and choose “Normal.”

turn safari dark mode on

With great reviews and the 24/7 support team, this is definitely an add-on worth looking into.

Nightlight for Safari

Another great option available for Safari is the Nightlight browser extension . The extension is free and available for those using macOS 10.13 or later. This is an Excellent, lightweight addition to your browser.

turn safari dark mode on

With the optional timer settings, you can enjoy dark mode on Safari without ever having to toggle it on and off. The nightlight will automatically shift the color patterns when at night, then back again during the day.

Using Dark Mode in Safari on iPad and iPhone

On the iPad and iPhone, Safari comes with a built-in reader mode designed to ease the pressure on your eyes during night reading. Here is how to activate it.

turn safari dark mode on

Repeat the process for every website you want to read in dark mode.

Dark Mode on macOS Mojave & Catalina

Most Mac users had to wait for the macOS Mojave update to be able to activate the dark mode on their computers. Previous versions had to use shortcuts, and you had to make exceptions for every site you wanted to view in dark mode. So, if you have Mojave installed on your Mac, follow these steps to set the dark mode up.

turn safari dark mode on

  • Select “Dark” in the “Appearance” options, and all websites on your Safari will switch to a black background.

Dark Mode and Other Apps

You can use the Dark Mode for other apps, not just your Safari browser. If dark mode is enabled, some apps will automatically have it activated. Here is a short how-to on toggling it on and off for the most popular apps on iOS.

Maps – If you want to use a dark background for maps with the Dark Mode activated, open the app and select “View,” and then select “Use Dark Map.”

Mail – If you want to use light mode when reading your emails, open your Mail and select “Mail,” then “Preferences.” Click on the “Viewing” tab and uncheck “Use dark backgrounds for messages.”

Notes – Your Notes will open with a black background if the Dark Mode is activated. You can disable it by selecting “Preferences” and then deselecting “Use dark backgrounds for note content.”

TextEdit – You can switch to the Dark Mode when working in TextEdit by selecting “View,” then “Use Dark Background for Windows.”

Safari – With the Dark Mode turned on; all websites will show as dark when you load them. If some website doesn’t support Dark Mode, you can use Safari Reader.

Frequently Asked Questions

Here are the answers to more of your questions about Apple Dark Mode.

Can I use Dark Mode with Chrome on a Mac?

Yes, but unfortunately, it isn’t an option provided natively. This means you’ll need to use a Chrome browser extension like the ones we’ve mentioned above. If you follow the steps above to activate Dark Mode on your Mac, it will have no effect on third-party apps and browsers such as Firefox or Chrome.

Can I enable Dark Mode with Mozilla Firefox on my Mac?

Fortunately, yes! Firefox makes many things simpler than other web browsers, and Dark Mode is one of them. Enabling Dark Mode on Firefox is the same on a Mac or a PC. All you need to do is click on the three horizontal lines in the upper right-hand corner of the browser. Then, click ‘Add Ons.’ From here, you’ll see a Themes option on the left; click it, then click on one of the options in the list that gives you Dark Mode.

There are several different color variations, so choose one that you like. Now, the Firefox system will show in Dark Mode, but not all of your websites will, so you may need to enable Night Eye for Mozilla or another add-on.

Ease the Strain on Your Eyes

Reading texts all night long can cause migraines, sore eyes, and unpleasant muscle strain; switching to Dark Mode is a great option. Your eyes will be grateful, and you will be able to focus for longer periods. Who doesn’t want to increase productivity while keeping themselves healthy?

Related Posts

turn safari dark mode on

Disclaimer: Some pages on this site may include an affiliate link. This does not effect our editorial in any way.

Turn off pop-up blocker on iPhone

Parth Shah February 29, 2024

turn safari dark mode on

Lee Stanton February 23, 2024

How to Disable Pop-Up Blocker

Lee Stanton February 19, 2024

Send To Someone

Missing device.

Please enable JavaScript to submit this form.

All Tech Nerd

  • Microsoft Copilot

How to Enable Dark Mode in Safari on Mac, iPhone and iPad

How to Enable Dark Mode in Safari on Mac,

Before introducing the Dark Mode feature in the macOS 10.14 Mojave release, the Safari browser on Apple devices already had similar functionality to this in its native settings: Reader View Mode.

Among other functions – such as changing the font size and font of the open website – the browser’s Reader Preview Mode also allows changing the background color of certain websites to a dark tone by selecting between gray- dark, and black.

With the recent introduction of the official Dark Mode in late 2018, some websites automatically switch to a dark tone if the feature is enabled on your iPhone, Mac , or iPad. However, for sites that don’t support the feature, a good native alternative – without downloading third-party extensions – is to use the browser’s Reader Preview Mode.

In the tutorial below, see how to enable Safari Reader Dark Mode:

Enable Dark Mode On iPhone/iPad

1. Open Safari on your device, and click the “aA” icon at the top left of the screen.

2. In the open options window, click “Show Reader Preview.”

3.  Reader View Mode will be activated in the browser. Now click once more on the same “aA” icon.

4. a new window will open with other options. Select one of the dark background colors between dark gray and black.

5.  When selected, the browser background color will be the selected dark color.

6. and that’s it; you’ve turned on Safari’s Reader Dark Mode.

Enable Dark Mode on Mac

1. Open Safari on your Mac, and click a document icon to the left of the browser’s URL field.

2.  Reader View Mode will be activated in the browser. Now click on the same “aA” icon on the right side of the browser’s URL field.

3. I n the open options window, select one of the dark background colors, between dark gray and black.

4. When selected, the browser background color will be the selected dark color.

5. and that’s it. You’ve turned on Safari’s Reader Dark Mode.

turn safari dark mode on

  • How to Check if your Mac or iPad supports Universal Control
  • 10 New Updates arriving with macOS Sonoma for Macs.

turn safari dark mode on

Leave a Reply Cancel 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 .

turn safari dark mode on

Windows 11 Gets a New App View

turn safari dark mode on

Windows 11 File Explorer will allow you to duplicate tabs

7 Hidden Google Docs Tricks and Functions

7 Hidden Google Docs Tricks and Functions

Will TikTok be banned in the US?

Will TikTok be banned in the US?

Guiding Tech

We explain and teach technology, solve tech problems and help you make gadget buying decisions.

How to Get Dark Mode Everywhere in Safari for Mac

turn safari dark mode on

Dilum Senevirathne is a freelance tech writer specializing in topics related to iOS, iPadOS, macOS, Microsoft Windows, and Google web apps. Besides Guiding Tech, you can read his work at iPhone Hacks, Online Tech Tips, Help Desk Geek, MakeUseOf, and Switching to Mac.

Browsing the internet late at night isn’t exactly a fun experience when you’ve got websites flashing white backgrounds and gnashing their teeth at you. If Safari is your go-to browser on the Mac, then I’m sure that is a problem. It’s natural to want the Dark Mode everywhere in Safari when you are browsing.

Get Dark Mode Eveywhere Safari Mac Featured

So, you have Night Shift . But sometimes, there’s nothing like dark mode to lessen the strain on your eyes . However, enabling dark mode in Safari is easier said than done. The browser does sport the ability to switch to a dark theme. But that doesn’t really have an impact on the majority of websites out there.

If you want dark mode everywhere, then let’s check out what you must do below. Let’s start with how to enable the dark theme in Safari.

Note: The following instructions apply to Safari v13.0 running on macOS Catalina.

Enable Dark Theme for Safari

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.

Step 1: Open the Apple menu, and then click System Preferences.

Get Dark Mode Eveywhere Safari Mac 1

Step 2: Click the tile labeled General.

Get Dark Mode Eveywhere Safari Mac 2

Step 3: Click Dark in the top-most section named Appearance. That should switch the entire operating system to a dark color scheme.

Get Dark Mode Eveywhere Safari Mac 3

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?

Enable Dark Mode for 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.

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

And voila! That should render the page in complete dark mode. Perfect.

Get Dark Mode Eveywhere Safari Mac 7

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.

Step 1: Click Safari on the menu bar, and then click Preferences.

Get Dark Mode Eveywhere Safari Mac 8

Step 2: Switch to the Websites tab, and then click Reader on the left pane.

To enable automatic Reader View for websites that are open in Safari, click the menu next to each listed website underneath the Currently Open Websites section, and select On.

To enable other websites to always switch to Reader View, click the menu next to When Visiting Other Websites, and then select On.

Get Dark Mode Eveywhere Safari Mac 9

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

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.

If you want dark mode just about everywhere, you must resort to using a Safari extension. However, almost every dark mode extension that I ran into on the Mac App Store required a fee. Sadly, this included the fantastic Dark Reader extension, which is available free of charge for Chrome and Firefox .

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

Step 1: Install Night Eye via the Mac App Store.

Install Night Eye

Step 2: Open Safari Preferences.

Get Dark Mode Eveywhere Safari Mac 10

Step 3: Click the Extensions tab, and then check the box next to Night Eye.

Get Dark Mode Eveywhere Safari Mac 11

And that’s it. Every website, except very few such as Google Docs , that you come across should now render in dark mode.

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.

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

Don’t Lose Your Bearings

Using Safari in complete dark mode is a treat for the eyes. I wish Apple would incorporate some built-in toggle that would forcibly render sites in dark mode so that we won’t have to rely on workarounds.

But for now, using Reader View or a dark mode extension is the way to go. If you plan to go the extension-route, be prepared for that ding to your wallet eventually.

Next up: Is Firefox better than Safari on the Mac? Read our comparison to figure out which is the better browser for you.

Was this helpful?

Last updated on 03 February, 2022

The above article may contain affiliate links which help support Guiding Tech. However, it does not affect our editorial integrity. The content remains unbiased and authentic.

turn safari dark mode on

The article above may contain affiliate links which help support Guiding Tech. The content remains unbiased and authentic and will never affect our editorial integrity.

DID YOU KNOW

turn safari dark mode on

Dilum Senevirathne

More in mac.

X_Best_Fixes_if_Google_Chrome_Tabs_are_not_Showing_Page_or_Website_Names 1

6 Best Fixes for Google Chrome Tabs Are Not Showing Page or Website Names

turn safari dark mode on

10 Best Pomodoro Apps for Mac You Should Try

Join the newsletter.

Get Guiding Tech articles delivered to your inbox.

  • Insider Reviews
  • Tech Buying Guides
  • Personal Finance
  • Insider Explainers
  • Sustainability
  • United States
  • International
  • Deutschland & Österreich
  • South Africa

profile icon

  • Home ›
  • tech ›
  • how-to »

How to turn on Safari's dark mode on any Apple device to save battery life and reduce eye strain

How to turn on Safari's dark mode on any Apple device to save battery life and reduce eye strain

  • You can enable dark mode for Safari on a Mac , iPhone , or iPad , which can help ease eye strain and extend your device's battery life.
  • Turn on dark mode for your Mac in System Preferences in the General section.
  • For an iPhone or iPad, enable dark mode in the Settings app by going to the Display & Brightness section.

In recent years, developers have been making it easier to enable dark mode for all your most common apps. That's good, because many people prefer dark mode because the palette is often easier on the eyes — especially at night — and it can even help extend your device's battery life by not illuminating the screen as brightly. Here's how you can turn on dark mode for the Safari browser on your Mac, iPhone, or iPad.

How to turn on Safari dark mode on a Mac

Safari automatically uses dark mode if you enable it in your Mac's System Preferences.

1. Click the Apple menu and then choose System Preferences…

turn safari dark mode on

2. Click General .

3. In the Appearance section, click Dark or Auto .

How to turn on Safari's dark mode on any Apple device to save battery life and reduce eye strain

  • Current Location in Google
  • Hide Whatsapp Messages
  • Phone is hacked or not
  • Whatsapp Deleted Messages
  • Download photos from Whatsapp
  • Instagram Messages
  • How to lock facebook profile
  • Unfollowed on Instagram
  • Best printers for Home
  • Best Mixer Grinder
  • Best wired Earphones
  • Best 43 Inch TV in India
  • Best Wi Fi Routers
  • Best Vacuum Cleaner
  • Best Home Theatre in India
  • Smart Watch under 5000
  • Best Laptops for Education
  • Best Laptop for Students

How to turn on Safari's dark mode on any Apple device to save battery life and reduce eye strain

  • Advertising
  • Write for Us
  • Privacy Policy
  • Policy News
  • Personal Finance News
  • Mobile News
  • Business News
  • Ecommerce News
  • Startups News
  • Stock Market News
  • Finance News
  • Entertainment News
  • Economy News
  • Careers News
  • International News
  • Politics News
  • Education News
  • Advertising News
  • Health News
  • Science News
  • Retail News
  • Sports News
  • Personalities News
  • Corporates News
  • Environment News
  • Nothing Phone (2a) India-exclusive edition launched
  • JNK India IPO allotment
  • JioCinema New Subscription Plans
  • Realme 70X 5G Launched
  • Apple Let Loose Launch event
  • Top 10 Richest people
  • Cibil Score vs Cibil Report
  • Top 10 Largest Economies
  • Lucky Color for 2023
  • How to check pan and Aadhaar
  • Deleted Whatsapp Messages
  • How to restore deleted messages
  • 10 types of Drinks
  • Instagram Sad Face Filter
  • Unlimited Wifi Plans
  • Recover Whatsapp Messages
  • Google Meet
  • Check Balance in SBI
  • How to check Vodafone Balance
  • Transfer Whatsapp Message

Copyright © 2024 . Times Internet Limited. All rights reserved.For reprint rights. Times Syndication Service.

macOS User Guide

  • What’s in the menu bar?
  • Work on the desktop
  • Search with Spotlight
  • Quickly change settings
  • Get notifications
  • Open apps from the Dock
  • Organize your files in the Finder
  • Connect to the internet
  • Browse the web
  • Preview a file
  • Take a screenshot
  • Change your display’s brightness
  • Adjust the volume
  • Use trackpad and mouse gestures
  • Use Touch ID
  • Print documents
  • Keyboard shortcuts
  • Apps on your Mac
  • Work with app windows
  • Use apps in full screen
  • Use apps in Split View
  • Use Stage Manager
  • Get apps from the App Store
  • Install and reinstall apps from the App Store
  • Install and uninstall other apps
  • Create and work with documents
  • Open documents
  • Mark up files
  • Combine files into a PDF
  • Organize files on your desktop
  • Organize files with folders
  • Tag files and folders
  • Back up files
  • Restore files
  • Change System Settings
  • Choose your desktop wallpaper
  • Add and customize widgets
  • Use a screen saver
  • Add a user or group
  • Add your email and other accounts
  • Automate tasks with Shortcuts
  • Create Memoji
  • Change your login picture
  • Change the system language
  • Make text and other items on the screen bigger
  • Set up a Focus to stay on task
  • Set up Screen Time for yourself
  • Use Dictation
  • Send emails
  • Send text messages
  • Make a FaceTime video call
  • Edit photos and videos
  • Use Live Text to interact with text in a photo
  • Start a Quick Note
  • Get directions
  • Work across devices using Continuity
  • Use iPhone as a webcam
  • Use iPhone with Desk View
  • Stream audio and video with AirPlay
  • Use one keyboard and mouse to control Mac and iPad
  • Hand off between devices
  • Unlock your Mac with Apple Watch
  • Make and receive phone calls on your Mac
  • Sync music, books, and more between devices
  • Manage Apple ID settings
  • Set your Apple ID picture
  • What is iCloud?
  • What is iCloud+?
  • Store files in iCloud Drive
  • Share and collaborate on files and folders
  • Manage iCloud storage
  • Use iCloud Photos
  • What is Family Sharing?
  • Set up Family Sharing
  • Set up Screen Time for a child
  • Share purchases with your family
  • Watch and listen together with SharePlay
  • Share a Photo Library
  • Collaborate on projects
  • Find content shared with you
  • Find your family and friends
  • Play games with your friends
  • Listen to podcasts
  • Watch TV shows and movies
  • Read and listen to books
  • Read the news
  • Track stocks and the market
  • Apple Music
  • Apple Arcade
  • Apple News+
  • Podcast shows and channels
  • Manage subscriptions in the App Store
  • View Apple family subscriptions
  • Guard your privacy
  • Use Mail Privacy Protection
  • Control access to your camera
  • Use Sign in with Apple for apps and websites
  • Set up your Mac to be secure
  • Keep your data safe
  • Create a passkey
  • Understand passwords
  • Keep your Apple ID secure
  • Find a missing device
  • Get started with accessibility features
  • Connect an external display
  • Use the built-in camera
  • Connect a Bluetooth device
  • Use AirPods with your Mac
  • Optimize your Mac battery life
  • Optimize storage space
  • Burn CDs and DVDs
  • Control accessories in your home
  • Use Windows on your Mac
  • Resources for your Mac
  • Resources for your Apple devices

turn safari dark mode on

Use a light or dark appearance on your Mac

You can use a light or dark appearance for the menu bar , Dock, windows, and built-in apps on your Mac, or automatically adjust the appearance from light to dark during the day.

From left to right, samples of the Light, Dark, and Auto options shown in Appearance settings.

Open Appearance settings for me

Select Light, Dark, or Auto on the right.

Light is a light appearance that doesn’t change.

Dark is a dark appearance that doesn’t change. Dark Mode darkens the color scheme so the content you’re working on stands out, while windows and controls seem to recede into the background. It’s effective for viewing documents, presentations, photos, movies, webpages, and more.

turn safari dark mode on

Auto switches the appearance from light to dark based on the Night Shift schedule you set. See Change Night Shift settings .

Auto won’t switch the appearance until your Mac has been idle for at least a minute, or if an app is preventing the display from sleeping, such as during media playback.

In Appearance settings, you can also choose an accent color for buttons, pop-up menus, and other UI controls, and a highlight color to use for highlighting selected text.

Some dynamic wallpaper pictures may provide still images so the wallpaper doesn’t distract from the light or dark appearance. For example, if you chose the dark appearance during macOS setup, the wallpaper is set to a dark still image. You can change this picture. See Wallpaper settings .

NightEyeLogo

  • How to Enable Safari Dark Mode for iPhone on iOS 15

Enabling Safari dark mode for iPhone and iPads on iOS 15 isn’t just for the aesthetics. The dark mode is also pretty easy on the eyes. And when it comes to iOS devices with the recent OLED screens, one of the best ways to help save battery life is going full time on a dark mode while browsing apps and websites.

Unfortunately, the built-in browser inside iOS - Safari - lacks a dedicated dark mode functionality. This is a stumbling block for all of us who prefer browsing our favorite websites and apps with a dark mode turned on, especially late at night.

Thankfully, with the new iOS 15 update, which allows Safari Extensions, you can now get dark mode on Safari iPhone and iPad with the help of one extension - Night Eye. Let’s see how you can turn on dark mode on Safari iPhone and iPad.

Safari Extensions on iOS 15

The new ios 15 update is one that we have anticipated for three years already, and we could not be more excited about it..

If you are wondering why this fuss is all about, well, the next major iOS update will bring web extensions to the mobile version of Safari for iPhone and iPad. In other words, you will be able to enable dark mode on any website while browsing the internet, just like you do on your desktop.

This final step will allow iPhone and iPad users to enable a consistent dark mode experience on their devices.

turn safari dark mode on

Put Dark Mode on Safari iPhone and iPad and Go Easy on Your Eyes

Enable dark mode on safari ios 15 with night eye, our team effort make possible to enjoy dark mode on your iphones and ipads on ios 15..

To enable dark mode on Safari for iPhone and iPad, you need to install Night Eye from the App Store and enable it in Safari's options. Here is a step-by-step guide on how to turn on dark mode on Safari:

  • Open Settings
  • Scroll down to Safari and tap on the icon
  • Under the General heading, tap Extensions
  • Tap on Night Eye
  • Check the box for Night Eye to allow it
  • Set permission "All Websites" to Allow
  • That's it! You are now ready to use Safari dark mode for iPhone on iOS 15

How To Turn Safari To Dark Mode

Copy to Clipboard

  • Software & Applications
  • Browsers & Extensions

how-to-turn-safari-to-dark-mode

Introduction

Dark mode has become increasingly popular among users due to its sleek appearance and potential benefits for eye strain and battery life. Safari, Apple's web browser, offers a dark mode feature that allows users to switch from the traditional light interface to a darker, more visually appealing one. Whether you're using Safari on macOS or iOS, enabling dark mode can transform your browsing experience and enhance the overall aesthetics of the browser.

In this article, we will explore the step-by-step process of enabling dark mode on Safari for both macOS and iOS devices. By following these simple instructions, you can customize your browsing environment to better suit your preferences and potentially reduce eye fatigue, especially when browsing in low-light conditions. Additionally, the dark mode feature can complement the overall design of your device, creating a cohesive and modern aesthetic across all your applications.

With the growing awareness of the potential benefits of dark mode, many users are seeking ways to integrate this feature into their daily digital activities. By enabling dark mode on Safari, you can align your browsing experience with the latest design trends and potentially enhance your overall satisfaction with using the browser . Whether you're a night owl who frequently browses in dimly lit environments or simply prefer the aesthetic appeal of dark mode, Safari's dark mode feature offers a versatile solution for customizing your browsing experience.

In the following sections, we will delve into the specific steps for enabling dark mode on Safari for macOS and iOS devices. By providing clear and concise instructions, we aim to empower users to take full advantage of this feature and tailor their browsing environment to their preferences. Let's embark on this journey to transform the visual aesthetics of Safari and embrace the modern allure of dark mode.

Enable Dark Mode on Safari for macOS

Enabling dark mode on Safari for macOS can significantly transform the visual aesthetics of the browser, creating a sleek and modern interface that is easy on the eyes, especially in low-light environments. Follow these simple steps to activate dark mode on Safari and elevate your browsing experience:

Open System Preferences : Begin by clicking on the Apple logo in the top-left corner of your screen and selecting "System Preferences" from the dropdown menu.

Access General Settings : Within the System Preferences window, locate and click on the "General" icon. This will open a new window with various customization options for your macOS interface.

Select Dark Mode : In the General settings window, you will find the "Appearance" section at the top. Here, you can choose between "Light" and "Dark" mode. Click on the "Dark" option to switch to the dark mode interface.

Launch Safari : Once you have enabled dark mode in the General settings, open Safari to experience the transformed interface. The browser's design elements, including the toolbar and background, will now reflect the dark mode aesthetic.

Enjoy Dark Mode : With dark mode activated, you can browse the web with a visually striking interface that reduces eye strain and seamlessly integrates with the overall dark mode experience of your macOS environment.

By following these straightforward steps, you can effortlessly enable dark mode on Safari for macOS, enhancing the visual appeal of the browser and potentially improving your browsing comfort, especially in low-light conditions. Embracing dark mode on Safari aligns your browsing experience with modern design trends and offers a refreshing alternative to the traditional light interface.

The dark mode feature on Safari for macOS not only provides a stylish and contemporary browsing environment but also contributes to a cohesive visual experience across your macOS applications. Whether you're working late into the night or simply prefer the aesthetic allure of dark mode, customizing Safari's interface can elevate your overall satisfaction with using the browser.

Incorporating dark mode into your digital activities can be a simple yet impactful way to personalize your browsing environment and potentially enhance your overall user experience. With dark mode enabled on Safari for macOS, you can immerse yourself in a visually captivating browsing experience that reflects your preferences and aligns with the latest design trends.

Enable Dark Mode on Safari for iOS

Enabling dark mode on Safari for iOS can revolutionize your browsing experience, offering a visually striking interface that is not only aesthetically pleasing but also potentially beneficial for reducing eye strain, especially in low-light environments. Follow these simple steps to activate dark mode on Safari for iOS and elevate your browsing experience:

Access Settings : Begin by unlocking your iOS device and navigating to the "Settings" app, which features a gear icon. Tap to open the Settings menu, where you can customize various aspects of your device's functionality and appearance.

Select Display & Brightness : Within the Settings menu, scroll down and tap on "Display & Brightness." This section allows you to adjust the display settings of your iOS device, including the option to enable dark mode for a more comfortable viewing experience.

Choose Dark Appearance : In the Display & Brightness settings, you will find the "Appearance" section, presenting the choice between "Light" and "Dark" modes. Tap on the "Dark" option to switch to the visually captivating dark mode interface.

Experience Dark Mode on Safari : Once you have selected the dark appearance in the Display & Brightness settings, open Safari to immerse yourself in the transformed browsing interface. The browser's design elements, including the toolbar and background, will now reflect the sleek and modern aesthetic of dark mode.

Enjoy the Benefits : With dark mode activated, you can browse the web with reduced eye strain and a visually appealing interface that seamlessly integrates with the overall dark mode experience of your iOS device. Whether you're browsing in dimly lit environments or simply prefer the modern allure of dark mode, customizing Safari's interface can enhance your overall satisfaction with using the browser on your iOS device.

Enabling dark mode on Safari for iOS offers a seamless and visually captivating browsing experience that aligns with modern design trends and provides a refreshing alternative to the traditional light interface. The dark mode feature not only enhances the aesthetics of Safari but also potentially contributes to a more comfortable and enjoyable browsing experience, particularly in low-light conditions.

Incorporating dark mode into your digital activities can be a simple yet impactful way to personalize your browsing environment and potentially enhance your overall user experience. With dark mode enabled on Safari for iOS, you can immerse yourself in a visually captivating browsing experience that reflects your preferences and aligns with the latest design trends.

In conclusion, the integration of dark mode into Safari for both macOS and iOS devices offers users a versatile and visually captivating browsing experience. By following the simple steps outlined in this article, users can seamlessly transition from the traditional light interface to the sleek and modern aesthetic of dark mode, potentially reducing eye strain and enhancing the overall browsing comfort, especially in low-light environments.

Enabling dark mode on Safari for macOS involves accessing the system preferences and selecting the dark appearance, transforming the browser's interface to align with the latest design trends and offering a refreshing alternative to the traditional light mode. The dark mode feature not only provides a stylish and contemporary browsing environment but also contributes to a cohesive visual experience across macOS applications, creating a seamless and modern aesthetic for users.

Similarly, enabling dark mode on Safari for iOS allows users to revolutionize their browsing experience, offering a visually striking interface that is not only aesthetically pleasing but also potentially beneficial for reducing eye strain. By accessing the display and brightness settings, users can effortlessly switch to the visually captivating dark mode interface, creating a cohesive visual experience across their iOS device and enhancing their overall satisfaction with using Safari.

The benefits of dark mode extend beyond its aesthetic appeal, potentially contributing to reduced eye fatigue and improved battery life, especially on devices with OLED displays. Embracing dark mode on Safari aligns users' browsing experiences with modern design trends and offers a refreshing alternative to the traditional light interface, allowing for a more personalized and visually captivating browsing environment.

Incorporating dark mode into digital activities can be a simple yet impactful way to personalize the browsing environment and potentially enhance the overall user experience. With dark mode enabled on Safari for both macOS and iOS, users can immerse themselves in a visually captivating browsing experience that reflects their preferences and aligns with the latest design trends, ultimately enhancing their satisfaction with using the browser.

By embracing the dark mode feature on Safari, users can elevate their browsing experiences, create a cohesive visual aesthetic across their devices, and potentially reduce eye strain, contributing to a more comfortable and enjoyable browsing experience. Whether users are night owls who frequently browse in dimly lit environments or simply prefer the modern allure of dark mode, Safari's dark mode feature offers a versatile solution for customizing the browsing experience to suit their preferences.

Leave a Reply Cancel reply

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

Save my name, email, and website in this browser for the next time I comment.

  • Crowdfunding
  • Cryptocurrency
  • Digital Banking
  • Digital Payments
  • Investments
  • Console Gaming
  • Mobile Gaming
  • VR/AR Gaming
  • Gadget Usage
  • Gaming Tips
  • Online Safety
  • Software Tutorials
  • Tech Setup & Troubleshooting
  • Buyer’s Guides
  • Comparative Analysis
  • Gadget Reviews
  • Service Reviews
  • Software Reviews
  • Mobile Devices
  • PCs & Laptops
  • Smart Home Gadgets
  • Content Creation Tools
  • Digital Photography
  • Video & Music Streaming
  • Online Security
  • Online Services
  • Web Hosting
  • WiFi & Ethernet
  • Browsers & Extensions
  • Communication Platforms
  • Operating Systems
  • Productivity Tools
  • AI & Machine Learning
  • Cybersecurity
  • Emerging Tech
  • IoT & Smart Devices
  • Virtual & Augmented Reality
  • Latest News
  • AI Developments
  • Fintech Updates
  • Gaming News
  • New Product Launches

Close Icon

Learn To Convert Scanned Documents Into Editable Text With OCR

Top mini split air conditioner for summer, related post, comfortable and luxurious family life | zero gravity massage chair, when are the halo awards 2024, what is the best halo hair extension, 5 best elegoo mars 3d printer for 2024, 11 amazing flashforge 3d printer creator pro for 2024, 5 amazing formlabs form 2 3d printer for 2024, related posts.

How To Turn Off Safari Dark Mode

How To Turn Off Safari Dark Mode

How To Open Private Browser On Safari iPhone

How To Open Private Browser On Safari iPhone

How To Get Dark Mode In Safari

How To Get Dark Mode In Safari

How To Turn On Incognito Mode Safari

How To Turn On Incognito Mode Safari

How To Change Safari To White Mode

How To Change Safari To White Mode

How To Put Computer On Incognito Mode

How To Put Computer On Incognito Mode

How Do You Turn On Incognito Mode

How Do You Turn On Incognito Mode

What Experimental Features Should I Turn On In Safari

What Experimental Features Should I Turn On In Safari

Recent stories.

Learn To Convert Scanned Documents Into Editable Text With OCR

Fintechs and Traditional Banks: Navigating the Future of Financial Services

AI Writing: How It’s Changing the Way We Create Content

AI Writing: How It’s Changing the Way We Create Content

How to Find the Best Midjourney Alternative in 2024: A Guide to AI Anime Generators

How to Find the Best Midjourney Alternative in 2024: A Guide to AI Anime Generators

How to Know When it’s the Right Time to Buy Bitcoin

How to Know When it’s the Right Time to Buy Bitcoin

Unleashing Young Geniuses: How Lingokids Makes Learning a Blast!

Unleashing Young Geniuses: How Lingokids Makes Learning a Blast!

Robots.net

  • Privacy Overview
  • Strictly Necessary Cookies

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

GeekChamp

How to Force Websites to Enable Dark Mode in Safari on iPhone in iOS 17

It’s been a while since Apple introduced Dark Mode, however, there are still many apps that do not support dark themes yet. The same goes for a number of Safari websites like Wikipedia that are yet to implement it.

If you prefer to have the dark mode enabled while browsing the web at night, you would like to force websites to enable dark mode in Safari on your iPhone and iPad for a more convenient browsing experience.

Thankfully, there is a neat hack to get it done. And that’s precisely what I’m going to talk about in this short piece.

How Do You Activate the Dark Mode for Unsupported Safari Websites on iPhone? 

Before moving ahead, let’s sort out the confusion about how this hack works! Now, you must be wondering how to turn on the dark mode for websites that do not support it. Well, there is no built-in feature to do so. Hence, we will use a third-party Safari extension to activate dark theme for unsupported Safari websites. 

Don’t worry, the App Store has some really good extensions that are designed for this specific purpose. Having tried several extensions, I have found Nightfall up to the mark in most aspects. Even better, it’s also available for free.

That means you won’t have to shell out any bucks to get the most out of this app. On top of all, Nightfall supports not only iPhone and iPad but also Mac. 

Download Nightfall on Your iPhone and Enable It 

  • To get going, download the Nightfall app on your device (direct link).
  • After you have installed the app, open the Settings app -> scroll down and choose Safari .
  • Under the General section, tap on Extensions .

Choose extension s

  • Find Nightfall and turn it on. 

Enable extensions on iphone and ipad

Activate Dark Mode for Unsupported Websites 

Once you have successfully turned on the Nightfall on your device, you will need to activate it for the specific websites. 

  • Launch Safari on your iPhone or iPad and then head over to the website where you wish to enable the dark mode. 
  • Now, tap on the aA text button at the bottom of the screen -> select Nightfall . 
  • Next, turn on the toggle for it and allow it to see and alter the webpage content and your browsing history.  

Important note:

  • It’s worth bearing in mind that Nightfall can read and alter sensitive information on web pages, including your browsing history, credit cards, phone numbers, and passwords.
  • Besides, it can also view the current tab’s webpage when you use the extension.
  • While this extension is reliable, we would recommend you not use it on sensitive web pages. Keep it specifically for certain websites like Wikipedia for reading or browsing the web.
  • Next up, customize Nightfall to your liking. For instance, you can choose to darken maps, dim images, adjust image brightness, invert PNG images, and even select a desired dark modes theme like dark gray, Molokai, and midnight.

Activate Dark Mode for all Safari websites on iPhone and iPad

In the end, make sure to hit Done at the top right to confirm the action. 

Voila! The change will come into play with immediate effect and the dark mode will be implemented across the website. 

Use dark mode for Safari websites on iPhone and iPad

There you go! So, that’s how you can use dark mode for all Safari websites on your iPhone. Now that you are familiar with this neat tip, make the most of it to enhance your reading experience at night. 

Do you have any doubts? If yes, send ‘em in the comments section below.

' src=

Ratnesh Kumar

Ratnesh Kumar is an experienced tech writer with over six years of experience. All this years he has written at TechYorker, BrowserToUse, Fossbytes, MakeTechEasier, SysProbs and several other publications. When not writing, he likes to listen Punjabi music or watch Cricket match.

You may also like

How to fix No Sound in Youtube App on iPhone

How to Fix No Sound in YouTube App on iPhone

How to Allow Game Controllers to Control iPhone AssistiveTouch in iOS 17 1

How to Allow Game Controllers to Control iPhone AssistiveTouch in iOS 17

How to Fix Picture in Picture not working in YouTube on iPhone

How to Fix Picture-in-Picture (PiP) Not Working in YouTube App on iPhone

How to Fix Touchpad Scroll Not Working in Windows 11

How to Fix Dell Laptop Touchpad Not Working in Windows 11

Leave a reply cancel reply.

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

Save my name, email, and website in this browser for the next time I comment.

How-To Geek

How to get dark mode for all websites on mac.

Loving the dark mode feature on your Mac? Wish you could apply it to every website you visit? Well, there's an extension for that!

Quick Links

How to use dark reader in chrome and firefox, how to use dark reader in safari.

Now that macOS Mojave has a dark mode , wouldn't it be neat if all websites automatically switched to dark mode along with the system interface? It's possible using the Dark Reader extension for Safari, Chrome, and Firefox.

While we're talking about the same extension, the implementations are different between Safari and Chrome (along with Firefox). We'll cover both versions below.

Related: How to Enable Dark Mode in macOS Mojave

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

Once you've installed the Dark Reader Chrome or Firefox extension (links above), click on the "Dark Reader" extension icon.

Click on the "On" button to enable dark mode. All open websites will instantly switch to a dark theme.

All black text and white backgrounds will be inverted. When it comes to colors and images, nothing will be touched.

To disable the dark mode on a given site, click on the extension and then select the "Toggle Current Site" button.

In the "Filter" tab, you'll find the dark mode settings. From here, you can switch to light mode and change the contrast ratio. You can also add a sepia or a grayscale filter.

To manage the blacklist, click on the "Sites" tab. From here, you can add or remove websites that will always be shown in the light mode.

Chrome's interface supports Mac's system appearance. So when you enable dark mode on your Mac, the Chrome UI will also switch to dark mode. But that doesn't apply to the Dark Reader extension.

Chrome also has a built-in brute-force dark mode. You can go to the Flags section and enable the "Force Dark Mode for Web Contents" flag to get dark mode on all websites. Read our guide for detailed instructions for enabling the flag .

Related: How to Force Dark Mode on Every Website in Google Chrome

Safari handles extensions differently than 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 while it's available for free on Chrome and Firefox.

The Safari version has one major advantage: It syncs with the global dark mode in macOS. So when you enable the dark mode in macOS (easily done using the NightOwl utility), all the websites will instantly shift to a dark theme as well.

Once you've purchased the Dark Reader extension , open the app. From the app window, click on the "Activate for Safari" button.

This will open the Extensions panel in Safari. Click on the checkmark next to "Dark Reader" to activate the extension.

You'll now see a Dark Reader icon in the Safari toolbar . Click on the "Dark Reader" button to see all options and settings.

To enable the dark mode for all websites, click the "On" button. Switch to the "Auto" mode to automatically toggle dark mode based on your Mac's system preferences.

If the images and icon don't look quite right to you, make sure the "Dynamic Mode" is enabled (it's much better than the Filter mode).

If you want to disable dark mode for the current website, click on the "Enabled For Current Website" button. You can change the brightness and the contrast using the slider in the extension menu.

Click on the "Settings" button for more options. From here, you can disable the dark mode for all websites by default. The "Theme" option will let you set up a custom theme for every website.

Now that you have a system-wide dark mode on the Mac, learn how you can enable it on your iPhone or iPad running iOS 13, iPadOS 13, or higher.

Related: How to Enable Dark Mode on your iPhone and iPad

Newsletters

  • Our sponsors
  • Watch Store
  • Hot topics:
  • Apple rumors
  •  Apple deals 
  • Editor’s picks
  • Buying guides

Force websites to comply with macOS Catalina’s Safari Dark Mode

By Charlie Sorrel • 11:00 am, November 13, 2019

  • Top stories

Dark mode for safari

I stopped reading white text on a black background the moment I left school, and I’ve never liked it since. Especially on a screen, where the black expanse becomes a dark mirror that reflects everything in its sight. But even I prefer Dark Mode late at night, when I want to read without disturbing other people.

The trouble is, many websites don’t support Dark Mode. Everything else in Safari is rendered in tasteful black, but the page itself is still rendered in glaring white. Happily, on the Mac at least, there’s a way to fix it. Here’s how to force any website to support Safari Dark Mode on Mac.

Safari Dark Mode on Mac.... So relaxing.

Dark Mode for Safari is an Apple-recommended Safari extension that forces Dark Mode on sites that don’t support it. Instead of pages flashing bright white when they load, they will open in restful white-on-black.

Just like Dark Mode on the rest of your Mac, the extension’s operation can be scheduled. You can activate it manually, run it on a schedule of your choosing, or set it to activate whenever Mojave/Catalina’s native Dark Mode is active .

How to use the Dark Mode for Safari extension

Enable extensions in Safari’s preferences.

Enabling the Dark Mode Safari extension couldn’t be easier. Just download the extension from the Mac App Store, and activate it in Safari’s Preferences . The preference page is found in Safari, under the Safari menu bar item. Open it, click on the Extensions tab, and click the check box for the Dark Mode extension.

The Dark Mode for Safari extension tames badly behaved websites.

You can choose between three dark themes — Dark, Soft Dark and Mono — and you also can whitelist sites so they are not automatically darkened.

Dark Mode for Safari, from developer Denk Alexandru, seems essential for anyone using Mojave or Catalina’s Dark Mode. Nothing says “half-assed implementation” like a bright webpage popping out of your tastefully dim desktop. Apple chose not to build this in, but you can add it for just $2.

Price: $1.99

Download: Dark Mode for Safari from the App Store (macOS)

Daily round-ups or a weekly refresher, straight from Cult of Mac to your inbox.

turn safari dark mode on

Cult of Mac Today

Our daily roundup of Apple news, reviews and how-tos. Plus the best Apple tweets, fun polls and inspiring Steve Jobs bons mots. Our readers say: "Love what you do" -- Christi Cardenas. "Absolutely love the content!" -- Harshita Arora. "Genuinely one of the highlights of my inbox" -- Lee Barnett.

turn safari dark mode on

The Weekender

The week's best Apple news, reviews and how-tos from Cult of Mac, every Saturday morning. Our readers say: "Thank you guys for always posting cool stuff" -- Vaughn Nevins. "Very informative" -- Kenly Xavier.

Popular This Week

Whatsapp for iphone gains passkey support, how to check ipad battery health, how to use delta, the iphone game emulator, surprise apple sets may 7 event to launch new ipad pro and ipad air, how to download and convert youtube videos to mp4 [sponsored], what new features to expect in apple pencil 3, users report mysteriously being locked out of apple id accounts, beats fit pro vs. airpods pro 2: which earbuds are better, love sonos speakers and soundbars here’s your chance to save big. [deals], these rechargeable batteries can save you hundreds [deals].

turn safari dark mode on

Search results for

Affiliate links on Android Authority may earn us a commission. Learn more.

How to turn dark mode on and off on a Mac

Published on March 3, 2023

If you sit in front of a computer for much of the day, your eyes are going to take a hit. The bright light of the screen is taxing on the eyes, especially later in the day when it gets dark. That’s why dark mode is such a big thing for many people. It also helps the Mac battery last longer, and let’s be honest, it just looks really cool. If you’re fed up with the plain white uninspiring look, or you want to give yourself a better night’s sleep, then read on to find out how to make your Mac dark.

QUICK ANSWER

To turn dark mode on and off on your Mac, go to System Settings > Appearance . You can choose between Light , Dark , and Auto . Auto will switch between light and dark, depending on the time of day. Selecting Dark will make the computer permanently dark, regardless of the time of day. You should also change the Accent color and Highlight color to make other aspects of the screen stand out better.

How to enable or disable dark mode on a Mac

It only takes a few clicks to make your Mac go into dark mode, either permanently or depending on the time of day.

  • First, as always, click the Apple logo in the top-left of the screen and select System Settings .

mac system settings light setting

  • Under the Appearance section, you will be offered three different possibilities — Light , Dark , and Auto . Obviously, we’re not interested in Light , so the other two are what we need to focus on.

Option 1: Dark

Selecting the Dark option switches your entire Mac system to dark mode permanently (at least, until you change it again in System Settings.) It will remain dark no matter what time of day it is.

Option 2: Auto

Auto switches your Mac system from light to dark to light again, depending on the time of day. It works by asking you for your location which you have to explicitly give permission for. Your IP address tells your device your location and when it gets dark outside in your location, dark mode on the Mac automatically kicks in until sunrise the following morning.

If you use a VPN to spoof your location, the Auto function will not work at the right times, as it will obviously put you in a completely different timezone.

mac settings appearance dark

Selecting Dark and what happens as a result

Once you choose Dark , your entire Mac will go black. Note that this will affect macOS functions such as Safari , Notes, Finder, and so on, which will also go black. Websites, however, will not go black as a general rule. You would have to enable dark mode on them on an individual basis.

Saying that, some websites will detect the operating system change and ask you if you want to change the website colors accordingly. Facebook is one of them. Gmail , on the other hand, is not. You would need to manually apply a black wallpaper on Gmail .

mac settings in dark mode

You should also take a moment to change the Accent Color and the Highlight Color . This will make things like buttons and bars different colors, making them stand out better against the new dark background.

How to get your Mac to automatically switch to dark mode

night shift mac

As we explained in the previous section, the Auto function is how to get your Mac to automatically switch to dark mode. Some users may not want dark mode on all the time and this would therefore be the right option to choose. Just remember to disable your VPN so it can accurately judge your location.

One other thing you need to disable is Night Shift. Night Shift is a built-in blue light filter, which started appearing on MacBooks with the introduction of Big Sur. Night Shift is obviously not necessary if the screen is dark so you need to disable it.

To do so, go to System Settings > Displays . At the bottom, you will see a Night Shift button.

macos night shift button

In the box that pops up, drop down the Schedule menu and select Off .

macos disable night shift function

How to create a keyboard shortcut for Mac dark mode

Although it is very easy to enable and disable Mac dark mode (you can even ask Siri to do it for you), some users still prefer a good old-fashioned keyboard shortcut. If this is you, here’s how to do it.

  • Open Automator in the Applications folder and start a new document. Then choose Quick Action .

automator start quick action

  • On the right-hand side, make sure that Workflow receives is set to no input . Then, on the left, start typing in the search field to find Change System Appearance .

automator dark mode step 2

  • Use your cursor to drag Change System Appearance over to the main window on the right. You will now get a white window, which is the next stage in the automated workflow. Make sure that Change Appearance is set to Toggle Light/Dark .

automator drag automation workflow dark mode

  • Go to File > Save at the top of the screen and save your workflow with a good name. This will be the name that appears in your system menu so make it clear what it is.

save dark mode automator

  • To assign a keyboard shortcut to it, go to System Settings > Keyboard > Keyboard Shortcuts .

macos keyboard shortcuts

  • Click App Shortcuts and then the small + icon to start a new entry.

macos app shortcuts

  • Make sure Application is set to All Applications . Under Menu Title , enter the exact same name that you saved your Automator workflow under.
  • Then tab down to Keyboard Shortcut and enter your desired shortcut. If the shortcut is already being used by another app, selecting it here won’t override the other app.

macos set keyboard shortcut

  • If you now check your Services menu, you’ll find your new Automator workflow, along with the keyboard shortcut assigned to it. You can either click the Services menu entry or use your new keyboard shortcut.

toggle dark mode in services menu

One thing to mention though is that when you use the Automator workflow for the first time in each app , it will ask you for permission to run. But after the first time, it won’t ask again.

automator permission

If your Mac operating system is older than Mojave, then the dark mode option is not available.

Many sources have suggested that dark mode slows down your Mac because it uses more RAM . You need to assess your own situation and disable dark mode if it becomes unusable.

Dark mode only has an effect on MacBooks with OLED screens . Anything with LCD screens will not see a difference.

Surveys have consistently put the number of dark mode users on Mac to be at least 90% and as high as 95% of Mac users. 36% of iOS users use dark mode on Apple Mail.

If you have a MacBook running macOS Big Sur or later, you can use the built-in blue light filter by going to System Preferences >Displays >Night Shift . From here, you can adjust the intensity of the filter and set a schedule for when it should be on. However, if you have Dark Mode enabled, Night Shift needs to be disabled. They obviously don’t work together.

You might like

Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

Turn off dark mode on Safari iPhone Software version 14.8.1

I have dark mode enabled on my iPhone but Safari has always been in light mode.

Recently a popup came up asking if I want Safari to be updated to dark mode. I was trying to swipe it away but accidentally enabled dark mode. Now I can't find the setting to change it back to light.

Is is possible to revert this change?

iPhone 12 Pro Max

Posted on Dec 1, 2021 9:21 AM

turn safari dark mode on

Posted on Dec 2, 2021 10:55 AM

Hey kominayu,

Thank you for using the Apple Support Communities! We understand when using Safari, its in Dark Mode and you'd like it turned back to Light Mode on your iPhone. Let's help.

To adjust between Dark Mode and Light Mode on iPhone, you'd typically follow these steps: Use Dark Mode on your iPhone, iPad, or iPod touch

In Safari, are you using Google to search, and seeing that page as dark? If so, reopen that page and scroll down to the very bottom until you can't scroll any further. You should see 'Dark theme: on'. If you tap on that writing, it should change to 'Dark theme: off'.

Keep us posted if that doesn't work out.

Best regards.

Similar questions

  • Dark mode on safari ios 15 why apple dont add dark mode on safari while some extension on ios 15 can do it? 448 1
  • Safari How can I get dark mode on safari on iPhone and iPad 352 2
  • Dark Safari How do I enable dark mode for safari only? 532 2

Loading page content

Page content loaded

Dec 2, 2021 10:55 AM in response to kominayu

Google Drive dark mode is finally here, and it's glorious! Here's how to turn it on

No more being blinded by Google Drive at night!

How to turn on Dark Mode in Google Drive

Dark mode has become an essential part of my life — probably as much as it has yours if you’re reading this. Google has been busy putting this feature into many of its services, but the one annoying holdout has been Google Drive.

We’ve all been through wanting to dip back into Google Drive to retrieve a file at night. For me, it’s finding my macros spreadsheet to add my caloric deficit for the day (thanks to our fitness gurus for the top notch workout plan inspiration). You’re tucked up in bed with the lights down low, and all of that is ruined when you’re blinded by the bright white finish of the UI.

Now, better late than never and without the need to use a hokey unofficial Chrome extension, Google has finally added this highly-requested feature to Drive. Not only that, but it’s super easy to activate. Here’s how to turn on Dark Mode in Google Drive.

How to turn on Dark Mode in Google Drive

1. select settings.

How to turn on Dark Mode in Google Drive

In the top right corner of the screen, click on the settings cog and select Settings.

2. Select Dark Mode

How to turn on Dark Mode in Google Drive

Under Appearance , you can choose from Light (the one masochists pick), Dark or Device default (following what you have selected on your computer’s settings). If you have your system set to go from light to dark based on the time of day, select Device default . Just looking for Dark Mode? Choose Dark.

3. Et Voila

And there you have it! Dark Mode on Google Drive. It’s worth noting that this hasn’t come to the rest of Google's office suite yet, so make sure you’ve got that brightness turned down if you open a document.

More from Tom's Guide

  • 11 Google Drive tips to save you time
  • M4 MacBooks: Everything we know so far
  • Google Maps vs. Waze: Which navigation app is better?

Arrow

Sign up to get the BEST of Tom’s Guide direct to your inbox.

Upgrade your life with a daily dose of the biggest tech news, lifestyle hacks and our curated analysis. Be the first to know about cutting-edge gadgets and the hottest deals.

Jason England

Jason brings a decade of tech and gaming journalism experience to his role as a Managing Editor of Computing at Tom's Guide. He has previously written for Laptop Mag, Tom's Hardware, Kotaku, Stuff and BBC Science Focus. In his spare time, you'll find Jason looking for good dogs to pet or thinking about eating pizza if he isn't already.

This dual-screen portable monitor changed how I use my laptop and now I can’t imagine traveling without it

Act fast! Netgear is knocking $300 off our top mesh router

This Oscar-winning sports drama just crashed the Netflix top 10 — and it’s 90% on Rotten Tomatoes

Most Popular

  • 2 iPad Pro 2024 may come with this surprising AI upgrade — what we know
  • 3 This new mystery thriller series is creeping up Netflix’s top 10 — and it’s 91% on Rotten Tomatoes
  • 4 Should you buy a laser TV? A case for and against laser projectors
  • 5 Siri 2.0 is expected this June at WWDC — here's how Apple's family of AI models might fit in

turn safari dark mode on

turn safari dark mode on

Google is testing a new dark mode everywhere feature for the web — here’s how to turn it on

B eing blinded by a bright, white website late at night could soon be a thing of the past as Google is testing out a new experimental feature in Chrome that forces dark mode support across the web.

Yes, you read that right. This feature, which has been in the making for years now according to BetaNews , allows you to automatically render the contents of any website using a dark theme. Not only does this override the themes of sites like Tom’s Guide which use a light theme by default, but it also works across Mac, Windows, Linux and Chrome. There isn’t support for the best iPhones or the best Android phones yet, but that could change down the line.

Like with other experimental Chrome features, you’re going to need to manually enable this one using Chrome flags . Also, since it is an experimental feature after all, there could be some quirks or odd behaviors here and there.

Still though, if you’re tired of using browser extensions like Dark Reader or Midnight Lizard, then you may want to give Auto Dark Mode for Web Contents a try. Here’s how to turn it on.

How to enable Auto Dark Mode in Chrome

To get started, you’re going to want to open Chrome and head to the browser’s address bar . Once there, you’ll need to type chrome://flags in the address bar and hit enter. This brings up Chrome’s Experiments page where you can see a number of different features that Google is currently testing out in its browser. Make sure you read the warning at the top of the page and understand what you’re getting into before proceeding any further.

The flag we’re looking for is called Auto Dark Mode for Web Contents and you can find it by entering “dark mode” in the search bar above Experiments. It’s disabled by default though, so you will need to enable it.

From here, click on the toggle and switch it from Disabled to Enabled . There are also several algorithms to choose from and the setting will apply the selected one to any website you visit. If you find a particular site doesn’t work well with this experimental feature enabled, you can always go back here and try out a different algorithm. Once you select Enabled, you will need to relaunch Chrome for it to take effect by clicking on the Relaunch button at the bottom of the page.

And there you have it, sites that used to be completely white like Tom’s Guide will now render in dark mode.

I’ve been testing out this experimental feature and while it’s great for reading web content without hurting your eyes, there are some quirks. For instance, the menus in Google Docs render in dark mode, but your actual documents are still white. If this does become an official Chrome feature though, Google could iron out this and any other kinks. We’ll just have to wait and see.

More from Tom's Guide

  • Chrome has a secret switch to speed up your computer — here’s where to find it
  • This single setting makes Chrome way faster — enable it now
  • Chrome is getting a big security upgrade to protect you from malicious extensions

 Google is testing a new dark mode everywhere feature for the web — here’s how to turn it on

COMMENTS

  1. How to Enable Safari Dark Mode

    Install either Night Eye or Dark Reade r from the Mac App Store . Open Safari then click Safari > Preferences . Click the Extensions tab. Check the box next to your newly installed extension to enable Dark Mode. Both of these extensions should convert the vast majority of websites to Dark Mode as and when you need it.

  2. How to turn on Safari dark mode on a Mac

    Just like on the Mac, Safari on your iOS device uses dark mode if you enable the feature in your iPhone or iPad's settings. 1. Start the Settings app. 2. Tap Display & Brightness. 3. In the ...

  3. How To Enable Dark Mode on Safari

    Go to the website you want to access in dark mode. Tap on the "Reader Mode" button found in the search bar. Tap on the "Text button.". Select the theme you want to use. The available ...

  4. How To Enable Dark Mode In Safari (on iPhone, iPad and Mac)

    Three SIMPLE ways to enable Dark Mode in Safari on your iPhone, iPad and Mac. More MacOS tips 👉 https://youtube.com/playlist?list=PLFx7JYq9BfwqtYMXnb77u4etR...

  5. Use Dark Mode on your iPhone and iPad

    Select Dark to turn on Dark Mode. Turn on Dark Mode in Control Center. Open Control Center on your iPhone or iPad. Tap Dark Mode to turn it on or off. Add Dark Mode to Control Center. If you don't see Dark Mode in Control Center, you can add it in Settings: Go to Settings, then tap Control Center. Tap the Add button next to Dark Mode to add ...

  6. Blackout: How to Enable Dark Mode on Your Browser

    Open the three-dot menu. Select Settings > Appearance > Overall appearance. Select Dark. Pick a color theme to further customize the browser's top menu bar. On an Android device, tap the three-dot ...

  7. How to Enable Dark Mode in Safari on Mac, iPhone and iPad

    Enable Dark Mode on Mac. 1. Open Safari on your Mac, and click a document icon to the left of the browser's URL field. 2. Reader View Mode will be activated in the browser. Now click on the same "aA" icon on the right side of the browser's URL field. 3.

  8. How to Enable Dark Mode in Safari! (Mac/iPhone Guide)

    Whether you're switching back and forth based on where the sun is in the sky, or you prefer to live in dark mode all the time, using Dark Mode with Safari is...

  9. How to Get Dark Mode Everywhere in Safari for Mac

    Step 1: Open the Apple menu, and then click System Preferences. Step 2: Click the tile labeled General. Step 3: Click Dark in the top-most section named Appearance. That should switch the entire ...

  10. How to turn on Safari dark mode on a Mac

    How to turn on Safari dark mode on an iPhone or iPad. Just like on the Mac, Safari on your iOS device uses dark mode if you enable the feature in your iPhone or iPad's settings. 1.

  11. How to Turn on Dark Mode on Mac

    Mac users who are running macOS Big Sur and newer can now enable or disable dark mode right from the Control Center. Click the "Control Center" icon from the top-right corner of your screen. From the Control Center drop-down window, click the "Display" module. The Display module will now expand. Here, select the "Dark Mode" button to enable or ...

  12. How to use Dark Mode on Mac

    To turn this feature on, go to System Preferences > General and put a tick next to 'Use dark menu bar and Dock'. Remove the tick from Use Dark Menu Bar and Dock to return to standard mode. As ...

  13. Use a light or dark appearance on your Mac

    On your Mac, choose Apple menu > System Settings, then click Appearance in the sidebar. (You may need to scroll down.) Select Light, Dark, or Auto on the right. Light is a light appearance that doesn't change. Dark is a dark appearance that doesn't change. Dark Mode darkens the color scheme so the content you're working on stands out ...

  14. How To Get Dark Mode In Safari

    To enable dark mode in Safari on iOS, follow these simple steps: Access Settings: Begin by navigating to the "Settings" app on your iOS device. This can be done by locating the app icon on your home screen and tapping to open the settings menu. Display & Brightness: Within the "Settings" app, scroll down and tap on "Display & Brightness."

  15. How to Enable Safari Dark Mode for iPhone on iOS 15

    Enable Dark Mode on Safari iOS 15 with Night Eye Our team effort make possible to enjoy dark mode on your iPhones and iPads on iOS 15. To enable dark mode on Safari for iPhone and iPad, you need to install Night Eye from the App Store and enable it in Safari's options. Here is a step-by-step guide on how to turn on dark mode on Safari: Open ...

  16. How To Turn Safari To Dark Mode

    Select Dark Mode: In the General settings window, you will find the "Appearance" section at the top. Here, you can choose between "Light" and "Dark" mode. Click on the "Dark" option to switch to the dark mode interface. Launch Safari: Once you have enabled dark mode in the General settings, open Safari to experience the transformed interface.

  17. How to Enable Safari Dark Mode on Iphone (New Feature!)

    Learn how to enable safari dark mode on iPhone.In this video, I show you how to enable safari dark mode for your iPhone. This is working on ios 14 and 15.If ...

  18. How to Force Websites to Enable Dark Mode in Safari on ...

    Launch Safari on your iPhone or iPad and then head over to the website where you wish to enable the dark mode. Now, tap on the aA text button at the bottom of the screen -> select Nightfall . Next, turn on the toggle for it and allow it to see and alter the webpage content and your browsing history. Important note:

  19. How to Get Dark Mode for All Websites on Mac

    Click on the "Dark Reader" button to see all options and settings. To enable the dark mode for all websites, click the "On" button. Switch to the "Auto" mode to automatically toggle dark mode based on your Mac's system preferences. If the images and icon don't look quite right to you, make sure the "Dynamic Mode" is enabled (it's much better ...

  20. Dark Mode for Safari: Extension forces any website to comply

    Download: Dark Mode for Safari from the App Store (macOS) Number of comments on this post Leave a comment. Newsletters. Daily round-ups or a weekly refresher, straight from Cult of Mac to your inbox.

  21. Use 'Dark Reader' to Force All Websites Into Dark Mode in iOS 15

    If you're using an iPad, tap the Extensions button in the URL bar to see all installed extensions. Select " Dark Reader, " then " On .". From the bottom, you can switch to a different ...

  22. How to turn Safari dark mode on and off

    How to enable or disable Safari dark mode on a Mac. First, go to the Apple menu >System Preferences. In the General section, the first option deals with Appearance. Select Dark and everything on ...

  23. How to turn dark mode on and off on a Mac

    To turn dark mode on and off on your Mac, go to System Settings > Appearance. You can choose between Light, Dark, and Auto. Auto will switch between light and dark, depending on the time of day ...

  24. Stop Dark Mode on Safari

    Appearance settings for Safari 15 menu bar CORRECTION TO THE POST BELOW: The issue is NOT Dark Mode on Safari 15, but is instead the menu bar at the top of the app window mimicking whatever color is at the top of the web page. For example, on this Apple site, the entire menu bar turns black because of the blank menu band at the top of this page.

  25. Turn off dark mode on Safari iPhone Softw…

    If so, reopen that page and scroll down to the very bottom until you can't scroll any further. You should see 'Dark theme: on'. If you tap on that writing, it should change to 'Dark theme: off'. Keep us posted if that doesn't work out. Best regards. View in context. 1 reply. Sort By: Best.

  26. iPhone web browser choice gets one thing right, two things wrong

    This means that Safari has already presented itself as the default. "It starts from you clicking Safari," says Jon von Tetzchner, CEO and cofounder of Vivaldi. "Which, I think all of us ...

  27. Google Drive dark mode is finally here, and it's glorious! Here's how

    Dark Mode on Google Drive. It's worth noting that this hasn't come to the rest of Google's office suite yet, so make sure you've got that brightness turned down if you open a document.

  28. Google is testing a new dark mode everywhere feature for the web

    Here's how to turn it on. How to enable Auto Dark Mode in Chrome. To get started, you're going to want to open Chrome and head to the browser's address bar. Once there, ...