Website Demos Safari Browser's Upcoming Support for Dark Mode CSS in macOS Mojave 10.14.4 - MacRumors
Skip to Content

Website Demos Safari Browser's Upcoming Support for Dark Mode CSS in macOS Mojave 10.14.4

by

In the next official update to macOS Mojave, Apple's Safari browser will enable automatic Dark Mode for websites that support it.

safari dark mode for websites
Since the release of Safari Technology Preview 68 in October, Apple has been building support for the use of ‌Dark Mode‌ CSS, which can be enabled via its Develop -> Experimental Features menu. The experimental feature has now also made its way into the latest macOS Mojave 10.14.4 developer beta.

macOS Mojave enables users to switch between Light and Dark mode via System Preferences -> General. With the latest macOS developer beta installed, websites that support the new CSS query will automatically adapt their color scheme to match whichever system-wide option the user has enabled.

dark mode safari website
As noted by iDownloadblog, developers running the macOS 10.4.4 beta can test out the new feature by visiting software engineer Kevin Chen's website, which already supports the new Safari CSS media query. Everyone else can give it a spin by downloading the latest version of Safari Technology Preview, which can be run alongside vanilla Safari in any version of macOS Mojave.

Related Forum: macOS Mojave

Top Rated Comments

twistedpixel8 Avatar
101 months ago
Others browsers will implement support for it as well, eventually. Also, Windows 10 has already got dark theme, so it makes sense for other browsers to have it as well. Chrome and Firefox are already working on it. When it comes to adding support for it and the costs related to it, I think it mostly depends on how big the website is, but for my personal website I added the query for like 5 minutes. I think it is really nice feature and hope to become widespread in near future. Just because you feel like it's "useless", doesn't mean it's the case for everyone else.
I don't remember calling it "useless". My point was that it's an additional burden on Web Devs and that translates directly into cost which has to be eaten by someone. And I sure as heck am not eating it.

Respectfully, if you're happy with implementing Dark Mode as an afterthought, the 5 minute approach will probably suffice. If, however, you do things properly, you need to consider the aesthetics/UX of the site as a whole and make all the same considerations you would when designing the default aesthetics/UX.

Maybe if the site is extremely basic with 95% of it black text on white background, you'd get away with it. The issue is that if users start to expect all sites to work with Dark Mode, you create a huge problem.
Score: 4 Votes (Like | Disagree)
Fuchal Avatar
101 months ago
Others browsers will implement support for it as well, eventually. Also, Windows 10 has already got dark theme, so it makes sense for other browsers to have it as well. Chrome and Firefox are already working on it. When it comes to adding support for it and the costs related to it, I think it mostly depends on how big the website is, but for my personal website I added the query for like 5 minutes. I think it is really nice feature and hope to become widespread in near future. Just because you feel like it's "useless", doesn't mean it's the case for everyone else.
And if your website already has a dark mode, it's just a matter of automatically choosing it as the default.
Score: 4 Votes (Like | Disagree)
nortonandreev Avatar
101 months ago
While this is neat, I can’t see it being widely implemented by websites.

I’m a web dev and I feel like unless this becomes a standard across all browsers, we simply won’t implement designs for it. It’s a further cost to our clients (and a pretty major one in reality) and for a single web browser? A web browser that only runs on a single OS? I doubt many companies will be keen to spend money on this.
Others browsers will implement support for it as well, eventually. Also, Windows 10 has already got dark theme, so it makes sense for other browsers to have it as well. Chrome and Firefox are already working on it. When it comes to adding support for it and the costs related to it, I think it mostly depends on how big the website is, but for my personal website I added the query for like 5 minutes. I think it is really nice feature and hope to become widespread in near future. Just because you feel like it's "useless", doesn't mean it's the case for everyone else.
Score: 4 Votes (Like | Disagree)
Kangastu Avatar
101 months ago
I think the Mac / iOS specialist sites (MacRumors / 9to5mac etc) and third party manufacturers that specialise in Apple stuff (twelve south, etc) may do this, but as a web dev myself I second twistedpixel8’s comments - unless it becomes a global “dark mode” standard, uptake of this is going to be slow to non existent.

Love the idea and the direction.

Side note: I hope this points to iOS13 having a dark mode!
Score: 3 Votes (Like | Disagree)
101 months ago
I've been looking for something like this to go with dark mode on my 2017 MBP running Mojave. Is this something that the end user can do right now? If so, can you link a tutorial? I used to do web development myself, so I'm comfortable with CSS.
I'm using these two addons to achieve this affect:

https://darkreader.org

No CSS editing is needed for that one.

https://cascadea.app

This one lets you customize the CSS of any website further. For example, I used this addon to invert the NYT logo, because Dark Reader didn't automatically do that. It lets you tweak and customize things even more.
Score: 2 Votes (Like | Disagree)
101 months ago
I think this is awesome, not for every website, but often I find myself enabling the reader view in pitch dark to get away from the brightness.

Most likely dark mode is coming to iOS soon.
Score: 2 Votes (Like | Disagree)

Popular Stories

Apple TV 4K HomeView HomePod Mini tweaked

New Apple TV 4K, HomeView, and HomePod Mini: 16 Details Just Leaked

Sunday October 11, 2026 12:56 pm PDT by
Just two days before Apple's "Welcome home" experience in New York, Bloomberg's Mark Gurman has leaked several details about the new products set to be unveiled, including an all-new smart home hub, a HomePod mini 2, and a new Apple TV 4K. Here is an all-in-one summary of the details shared by Gurman:Apple's home hub with a touch-enabled display will be named HomeView, seemingly confirming a ...
Apple HomeView lineup feature1

Apple Announces 'HomeView' Smart Home Hub

Tuesday October 13, 2026 6:00 am PDT by
Apple today announced the "HomeView," an all-new kind of smart home hub featuring a 7-inch Liquid Retina display and Siri AI. Apple's senior vice president of Worldwide Marketing Greg Joswiak said: Apple HomeView is designed to be shared by everyone in the home yet feel completely personal to each user. It recognizes your face to shift from a household screen to your own experience,...
Apple TV 4K 4th Generation feature4

New Apple TV 4K Announced With A19 Chip, Updated Siri Remote, More

Tuesday October 13, 2026 6:08 am PDT by
Apple today announced the fourth-generation Apple TV 4K, with key features including an A19 chip, Siri AI support, an updated Siri Remote that has Find My support with Precision Finding, built in far-field microphones, support for surround sound with four HomePods in front and rear pairs, and more. The A19 chip in the new Apple TV 4K delivers up to 50% faster CPU performance and up to twice...
Latest Stories
OLED MacBook Pro Won't Get M7 Chips Until Late 2027
OLED MacBook Pro Won't Get M7 Chips Until Late 2027
54 minutes ago
Apple Pledged $25 Million to Trump's White House Ballroom
Apple Pledged $25 Million to Trump's White House Ballroom
2 hours ago
Touchscreen MacBook Pro Could Launch on November 6
Touchscreen MacBook Pro Could Launch on November 6
4 hours ago
New Withings Users Must Pay $99/Year for Apple Health Syncing
New Withings Users Must Pay $99/Year for Apple Health Syncing
4 hours ago
Meta and Apple Bring Muse Spark Open AI Model to Mac Studio
Meta and Apple Bring Muse Spark Open AI Model to Mac Studio
5 hours ago
iPad Mini 8: Apple Has Tested Both 60Hz and 120Hz ProMotion Displays
iPad Mini 8: Apple Has Tested Both 60Hz and 120Hz ProMotion Displays
6 hours ago
Apple TV 4K 2022 vs. 2026 Buyer's Guide: All Differences Compared
Apple TV 4K 2022 vs. 2026 Buyer's Guide: All Differences Compared
7 hours ago
Apple CEO John Ternus on Early Foldables: 'Kind of Cheap and Crappy'
Apple CEO John Ternus on Early Foldables: 'Kind of Cheap and Crappy'
8 hours ago
Greg Joswiak Says Apple Isn't Focused on Making AI for 'Lunatic Fringe'
Greg Joswiak Says Apple Isn't Focused on Making AI for 'Lunatic Fringe'
8 hours ago
Amazon Offers $120 Discount on AirPods Max 2, $50 Off AirPods Pro 3
Amazon Offers $120 Discount on AirPods Max 2, $50 Off AirPods Pro 3
9 hours ago
Apple CEO John Ternus Featured on Cover of TIME Magazine: 'New Era'
Apple CEO John Ternus Featured on Cover of TIME Magazine: 'New Era'
9 hours ago
Apple Announces Deadline to 'Get Ready' to Pre-Order the iPhone Duo
Apple Announces Deadline to 'Get Ready' to Pre-Order the iPhone Duo
10 hours ago
MKBHD is 'Not Convinced' About Apple's New HomeView, Here's Why
MKBHD is 'Not Convinced' About Apple's New HomeView, Here's Why
10 hours ago
Apple's Wall-Mounted HomeView Ships Without a Power Adapter
Apple's Wall-Mounted HomeView Ships Without a Power Adapter
11 hours ago
Rare Apple-1 With Steve Jobs Letter Sells for $1.15 Million
Rare Apple-1 With Steve Jobs Letter Sells for $1.15 Million
11 hours ago
Apple Now Inviting Media to October 28 'Launch Experience'
Apple Now Inviting Media to October 28 'Launch Experience'
12 hours ago
iPhone Duo's A20 Pro Chip Benchmarked Ahead of Launch
iPhone Duo's A20 Pro Chip Benchmarked Ahead of Launch
23 hours ago
10 HomeView Features You Might Have Missed
10 HomeView Features You Might Have Missed
1 day ago
Apple Becomes Second Company to Close Above $5 Trillion
Apple Becomes Second Company to Close Above $5 Trillion
1 day ago
Which Apple Home Devices Get Siri AI, and When
Which Apple Home Devices Get Siri AI, and When
1 day ago
Apple's Long-Delayed HomeView Was Already Being Tested in 2024
Apple's Long-Delayed HomeView Was Already Being Tested in 2024
1 day ago
Apple Intelligence Coming to China in December With iOS 27.3
Apple Intelligence Coming to China in December With iOS 27.3
1 day ago
Apple Invites App Updated With Two New Features
Apple Invites App Updated With Two New Features
1 day ago
OpenAI Says Ex-Employee Showed Its Device Plans to Apple
OpenAI Says Ex-Employee Showed Its Device Plans to Apple
1 day ago
Discover the Best Cases and Screen Protectors for Your New iPhone Duo
Discover the Best Cases and Screen Protectors for Your New iPhone Duo
1 day ago
Apple Store Near Los Angeles Closed Due to 'Events Beyond Our Control'
Apple Store Near Los Angeles Closed Due to 'Events Beyond Our Control'
1 day ago
No, HomePod Mini 1 Won't Support Siri AI as CNET Reported
No, HomePod Mini 1 Won't Support Siri AI as CNET Reported
1 day ago
iPhone Duo Compromises: Everything You Have to Give Up
iPhone Duo Compromises: Everything You Have to Give Up
1 day ago
Apple HomeView Has These 15 Apps, Some CarPlay Apps and Widgets Also Supported
Apple HomeView Has These 15 Apps, Some CarPlay Apps and Widgets Also Supported
1 day ago
iPhone Duo: Apple Charging $49 for New Cover Layer, $229 for Battery
iPhone Duo: Apple Charging $49 for New Cover Layer, $229 for Battery
1 day ago