October DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsWindows FixRecommendedWindows errors stealing your time? Find the fix fastScan stability, cleanup and performance issues.Fix NowOctober DealsAmazon USDeal season is back - check today's better picksAmazon US: current deals, useful picks and tech finds.See Picks×
Skip to content
dark mode

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

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

To make websites dark in Safari, turn on Dark Mode in your device’s appearance settings, then reload the page. Safari will show a site’s dark design only if that site provides dark-mode styles. If a particular site stays white, a Safari web extension that applies dark styling is the practical fallback; Safari’s built-in settings do not force every website to change.

Turn on Dark Mode for Safari on iPhone or iPad

Safari follows the appearance setting on your iPhone or iPad. The setting applies to the device’s interface, and compatible websites can respond to it with their own dark appearance. The precise Settings path can depend on your iOS or iPadOS release.

Use Settings

  1. Open Settings.
  2. On releases where it appears, tap Appearance, then choose Dark. Apple’s support instructions also identify Settings > Display & Brightness as the path on iOS 26 and earlier. If you do not see Appearance, open Display & Brightness and select Dark there.
  3. Return to Safari and reload the webpage. A reload gives the site a chance to check the updated device appearance and apply its dark styles.

Use Control Center

You can also switch the appearance without opening Settings: open Control Center, touch and hold the brightness bar, and choose Dark Mode. Return to Safari and reload the page.

Schedule the change

For an automatic schedule, choose Settings > Appearance > Automatic, then set the schedule under Options. On releases that use a different Settings layout, look for the automatic appearance control in the display or appearance settings. Automatic switching changes the device theme; it still does not make a site adopt dark colors unless the site supports them.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
#1 Best Overall
Apple iPhone 14, 128GB, Midnight - Unlocked (Renewed)
  • This phone is unlocked and compatible with any carrier of choice on GSM and CDMA networks (e.g. AT&T, T-Mobile, Sprint, Verizon, US Cellular, Cricket, Metro, Tracfone, Mint Mobile, etc.).
  • Please check with your carrier to verify compatibility.
  • The device does not come with headphones or a SIM card. It does include a generic (Mfi certified) charging cable.
  • Tested for battery health and guaranteed to have a minimum battery capacity of 80%.

Turn on Dark Mode for Safari on Mac

  1. Open the Apple menu and choose System Settings.
  2. Click Appearance.
  3. Select Dark to keep the Mac in dark appearance, or choose Auto for automatic switching.
  4. Return to Safari and reload the website.

You can also toggle Dark Mode from the Display section of Control Center. Apple describes Dark appearance as changing the color scheme so content stands out while windows and controls recede. That system-level change is useful for viewing webpages, but the page itself still needs to provide dark-mode styling to appear dark.

Why a website can stay light when Safari is dark

Dark Mode is not a universal browser recoloring switch. Safari and WebKit can report that the device prefers a dark color scheme, but a website’s code determines whether and how to respond. A site may supply separate light and dark styles, may provide only a light design, or may not respond in the way you expect. Reloading after changing the device appearance is a sensible first step; it cannot add dark styles that the website does not have.

WebKit announced dark-mode support in Safari 12.1 on macOS 10.14.4 and iOS/iPadOS 13. The important practical distinction is between Safari supporting the preference and a website implementing a design for it: the former does not guarantee the latter.

Rank #2
Apple iPhone 16, 128GB, Pink - Unlocked (Renewed)
  • 6.1" Super Retina XDR OLED, HDR10, Dolby Vision, 1000nits (typ), 2000nits (HBM), 2556x1179px at 460ppi, 3561mAh Battery
  • 128GB 8GB RAM, Apple A18 (3nm), Hexa-core (2x4.04 GHz + 4x2.20 GHz), Apple GPU 5-core, 16‑core Neural Engine
  • Rear camera: 48MP, f/1.6, wide + 12MP, f/2.2, ultrawide, Front Camera: 12MP, f/1.9, wide, iOS 18, upgradable to iOS 18.5
  • 4G LTE: 1/2/3/4/5/7/8/12/13/14/17/18/19/20/25/26/28/29/30/32/34/38/39/40/41/42/48/53/66/71, 5G: n1/2/3/5/7/8/12/14/20/25/26/28/29/30/38/40/41/48/53/66/70/71/75/76/77/78/79 - Dual eSIM
  • Unlocked for freedom to choose your carrier. Compatible with both GSM & CDMA networks. The phone is unlocked to work with all GSM Carriers & CDMA Carriers Including AT&T, T-Mobile, Verizon, Sprint., Etc.

Choose the right approach for the result you want

Approach What changes Scope Persistence
Device Dark Mode System appearance, plus dark styling on sites that support the preference Device interface and compatible websites Manual Dark setting or an automatic schedule
Safari Reader A simplified reading view for supported article pages Individual pages where Reader is available Can be enabled for an article site in Website Settings
Safari web extension Dark styling applied by the extension Depends on the extension and its site access While the extension is enabled; check its settings for any site-specific controls

Use the built-in device setting first: it needs no extension and lets websites designed for dark appearance respond normally. Use Reader when the main goal is a less cluttered article view, not as a guaranteed dark-mode control. If a site still needs dark styling, consider an extension and review the access it requests.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Use Reader for a cleaner article view

On Mac, Safari’s Page menu beside the Smart Search field includes Website Settings. For an article site, enable Reader when available there. Reader strips distractions from supported reading pages, but Apple does not describe it as a dark-mode switch. Do not rely on Reader to recolor every page or to work on pages where it is unavailable.

Use an extension when a site ignores the system theme

If a website remains light after you turn on Dark Mode and reload, a Safari web extension that applies a dark stylesheet is the fallback. Apple’s Safari extensions editorial page lists Dark Reader for Safari as “Dark mode for every website.” That description is the listing’s wording, not a guarantee that every page will render perfectly. Extensions can change a webpage’s appearance, and their behavior and controls depend on the extension.

Rank #3
Apple iPhone 15, 128GB, Black - Unlocked (Renewed)
  • 6.1inch Super Retina XDR display. Aluminum with color-infused glass back. Ring/Silent switch
  • Dynamic Island. A magical way to interact with iPhone. A16 Bionic chip with 5-core GPU
  • Advanced dual-camera system. 48MP Main | Ultra Wide. Super-high-resolution photos (24MP and 48MP). Next-generation portraits with Focus and Depth Control. 4X optical zoom range
  • Emergency SOS via satellite. Crash Detection. Roadside Assistance via satellite
  • Up to 26 hours video playback. USB C, Supports USB 2. Face ID

Enable an extension on iPhone or iPad

  • In Safari, open the More menu and choose Extensions to manage extensions from the browser.
  • Alternatively, open Settings > Safari > Extensions to manage them in Settings.
  • Review the extension’s requested permissions and website access before enabling it.

Enable an extension on Mac

  1. Open Safari and choose Safari > Settings.
  2. Click Extensions.
  3. Enable the extension you want to use, after reviewing the access it requests.

Safari manages extension permissions and website access, and users control whether to grant access. An extension may request access to webpage content or URLs. Check the permission prompt and the extension’s settings rather than assuming that every extension has the same access or privacy practices.

Or skip the browser setup

If your goal is to capture a webpage rather than change how it looks while you browse, ScreenshotNeo is a screenshot API and MCP server for developers, not a Safari dark-mode setting. It can return a PNG, JPEG, WebP, or PDF from one GET request. Its clean-shot steps can accept cookie or consent banners and remove more than 60 known consent platforms, newsletter popups, and chat widgets before capture; each step can be turned off. Only clean shots are billed: bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, with the page verdict and billing status reported in response headers.

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

For example, this cURL request captures https://stripe.com as WebP. See the ScreenshotNeo API documentation for parameters and response details.

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

The same GET request in Python:

import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)

Or use the Node.js fetch example:

const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);

ScreenshotNeo also offers an MCP server with take_screenshot, get_page_info, and capture_pdf tools for Claude, Cursor, and other MCP clients. The Free plan includes 1,000 shots per month with no card; paid plans start at $5 for 3,000 shots. Plans include all features. Visit ScreenshotNeo for the service, or sign up free for 1,000 screenshots a month with no card.

Rank #4
Apple iPhone 13, 128GB, Midnight - Unlocked (Renewed)
  • This pre-owned product is not Apple certified, but has been professionally inspected, tested and cleaned by Amazon-qualified suppliers.
  • There will be no visible cosmetic imperfections when held at an arm’s length.
  • This product is eligible for a replacement or refund within 90 days of receipt if you are not satisfied.
  • Product may come in generic Box.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Troubleshoot Safari dark mode

Safari’s menus and controls are dark, but the webpage is still white

That usually means the site has not applied a dark design. Confirm that the device appearance is set to Dark, reload the page, and try another website. If other compatible sites respond but this one does not, the likely limitation is the site’s theme support; use an extension if you want to try applying dark styling.

The page did not change after I selected Dark

Reload the page after changing appearance. If it remains unchanged, check the device’s Appearance or Display & Brightness setting rather than assuming Safari has a separate global dark-mode switch. A site without dark styles will remain light in Safari’s built-in mode.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

I cannot find Appearance in iPhone or iPad Settings

Settings labels vary by release. Apple’s support instructions identify Display & Brightness as the path on iOS 26 and earlier; look there for the Dark and automatic appearance controls if Appearance is not shown as its own item.

Best Value
Apple iPhone 16e, 128GB, Black - Unlocked (Renewed)
  • 6.1" Super Retina XDR OLED, HDR10, 800 nits (HBM), 1200 nits (peak), 2532x1170px at 460ppi, 4005mAh Battery
  • 8GB RAM, Apple A18 6-core CPU (2 performance + 4 efficiency cores), Apple GPU 4-core, 16‑core Neural Engine
  • Rear camera: 48MP, f/1.6, wide, Front Camera: 12MP, f/1.9, wide, iOS 18.3.1, upgradable to iOS 18.5
  • Connectivity: Global 4G LTE, Sub-6 GHz 5G, LTE, Wi-Fi 6, Bluetooth 5.3, NFC, USB-C, Wireless Charging (7.5W). (does not have mmWave 5G or MagSafe or physical SIM card) - Dual eSIM Only
  • Unlocked for freedom to choose your carrier. Compatible with both GSM & CDMA networks. The phone is unlocked to work with all GSM Carriers & CDMA Carriers Including AT&T, T-Mobile, Verizon, Straight Talk., Etc.

Reader is available, but it does not make the page dark

Reader’s purpose is to simplify supported article pages. It is not a universal dark-mode control. For a dark color scheme, use the device appearance setting on sites that support it, or consider a web extension.

An extension is enabled, but a site looks wrong or stays unchanged

Check the extension’s own controls and whether Safari has granted it access to that website. An extension’s effect depends on its settings and the page; the available evidence does not establish that any one extension will render every site correctly. If you do not want to grant the requested access, leave the extension disabled.

Quick Recap

Bestseller No. 1
Apple iPhone 14, 128GB, Midnight - Unlocked (Renewed)
Apple iPhone 14, 128GB, Midnight - Unlocked (Renewed)
Please check with your carrier to verify compatibility.; Tested for battery health and guaranteed to have a minimum battery capacity of 80%.
$308.00
Bestseller No. 3
Apple iPhone 15, 128GB, Black - Unlocked (Renewed)
Apple iPhone 15, 128GB, Black - Unlocked (Renewed)
Dynamic Island. A magical way to interact with iPhone. A16 Bionic chip with 5-core GPU; Emergency SOS via satellite. Crash Detection. Roadside Assistance via satellite
$410.00
Bestseller No. 4
Apple iPhone 13, 128GB, Midnight - Unlocked (Renewed)
Apple iPhone 13, 128GB, Midnight - Unlocked (Renewed)
There will be no visible cosmetic imperfections when held at an arm’s length.; Product may come in generic Box.
$262.00

What to check before changing the setting

  • To darken Safari’s own interface, change the device appearance.
  • To make a website dark, the site must support dark styles or an extension must apply them.
  • To read an article with fewer distractions, use Reader where available; do not treat it as a guaranteed theme control.
  • To automate system appearance, use the device’s automatic or scheduled option; individual sites still determine whether to respond.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Leave a Reply

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

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Read next

Recommended PC Tool
Recommended PC Tool
Crashes, No Sound, or Screen Glitches?Free driver scan
PC Slower Than It Used to Be?Free scan - under a minute

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.