Website Demos Safari Browser's Upcoming Support for Dark Mode CSS in macOS Mojave 10.14.4 - MacRumorsOpen MenuShow RoundupsShow Forums menuVisit ForumsOpen Sidebar
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
102 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
102 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
102 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
102 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)
102 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)
102 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

Safari Technology Preview Updated Feature 1

Apple Releases Safari Technology Preview 256 With Bug Fixes and Performance Improvements

Wednesday November 4, 2026 4:21 pm PST by
Apple today released a new update for Safari Technology Preview, the experimental browser that was first introduced in March 2016. Apple designed Safari Technology Preview to allow users to test features that are planned for future release versions of the Safari browser. Safari Technology Preview 256 includes fixes and updates for Accessibility, Animations, CSS, Editing, Forms, HTML,...
duo aquarium

More Fun iPhone Duo Apps: 30 New Picks to Try

Friday November 6, 2026 3:27 pm PST by
When the iPhone Duo launched, we shared a list of some of the fun apps developers created for the new form factor. Two weeks out, developers are continuing to come up with fresh ideas, so we thought we'd share some of our favorites. Games Marbles Unhinged ($2.99) - Marbles Unhinged is a marble maze designed for the Duo. When you fold it, the floor turns into a ramp. If you stand the top...
apple pro tell logo

Apple Launching Five New Products Today

Thursday November 5, 2026 12:59 am PST by
Apple is launching five new products on Friday, November 6, following pre-orders that opened last week, including its first touchscreen MacBook Pro models. The following new products will be available from today: iPad mini with OLED display and A20 Pro chip iMac with M6 chip 14-inch MacBook Pro with M6 chip 14-inch MacBook Pro with OLED touchscreen 16-inch MacBook Pro with OLED...
Latest Stories
Apple Store Subscription Sign-Up Controversy Exposed
Apple Store Subscription Sign-Up Controversy Exposed
5 hours ago
Siri AI Rumored to Become 'More Like an Agent' as Early as Next Year
Siri AI Rumored to Become 'More Like an Agent' as Early as Next Year
15 hours ago
Apple Taking New Approach to Developing iOS 28 and macOS 28
Apple Taking New Approach to Developing iOS 28 and macOS 28
17 hours ago
Early Apple Black Friday Deals on Apple Watch, MacBook Air, and More
Early Apple Black Friday Deals on Apple Watch, MacBook Air, and More
2 days ago
'Backglow' Lets You Customize New MacBook Pro's Glowing Apple Logo
'Backglow' Lets You Customize New MacBook Pro's Glowing Apple Logo
2 days ago
Top Stories: Apple Product Launches, iOS 27.3 Beta, and More
Top Stories: Apple Product Launches, iOS 27.3 Beta, and More
2 days ago
More Fun iPhone Duo Apps: 30 New Picks to Try
More Fun iPhone Duo Apps: 30 New Picks to Try
2 days ago
Hands-On With Apple's New OLED Touchscreen MacBook Pro
Hands-On With Apple's New OLED Touchscreen MacBook Pro
2 days ago
Apple Store With All-New Design Opening Soon in Southern California
Apple Store With All-New Design Opening Soon in Southern California
2 days ago
Control the Glowing Apple Logo on Your New MacBook Pro
Control the Glowing Apple Logo on Your New MacBook Pro
3 days ago
Apple Shares New 'Apple Card: Apply and Use in Minutes' Ad
Apple Shares New 'Apple Card: Apply and Use in Minutes' Ad
3 days ago
Apple Says More Than 100,000 Apps Optimized for iPhone Duo, Here's What's Still Missing
Apple Says More Than 100,000 Apps Optimized for iPhone Duo, Here's What's Still Missing
3 days ago
Early Black Friday Deals Kickoff With Steep Discounts on Apple Watch Ultras and More
Early Black Friday Deals Kickoff With Steep Discounts on Apple Watch Ultras and More
3 days ago
The MacRumors Show: iOS 27.3 Looks Like a Huge Update
The MacRumors Show: iOS 27.3 Looks Like a Huge Update
3 days ago
Best Buy's Black Friday Event Begins With Sitewide Savings on Apple, TVs, More
Best Buy's Black Friday Event Begins With Sitewide Savings on Apple, TVs, More
3 days ago
Apple Releasing Yet Another Two New Products Next Week
Apple Releasing Yet Another Two New Products Next Week
3 days ago
MacBook Air Drops to Lowest Price in Months With Amazon's $250 Discount
MacBook Air Drops to Lowest Price in Months With Amazon's $250 Discount
3 days ago
Apple Rumored to Drop the iPhone's Action Button Next Year
Apple Rumored to Drop the iPhone's Action Button Next Year
3 days ago
Apple's Extended Return Policy Now in Effect for 2026 Holiday Season
Apple's Extended Return Policy Now in Effect for 2026 Holiday Season
3 days ago
Apple Music Classical Updated With New Icon and Refreshed Design
Apple Music Classical Updated With New Icon and Refreshed Design
3 days ago
OLED iPad Mini, M6 iMac, and New MacBook Pros Available From Today
OLED iPad Mini, M6 iMac, and New MacBook Pros Available From Today
3 days ago
Apple Surveys iPhone Duo Buyers About Crease and Camera
Apple Surveys iPhone Duo Buyers About Crease and Camera
3 days ago
Apple's First Touchscreen Mac is Now Arriving to Customers
Apple's First Touchscreen Mac is Now Arriving to Customers
3 days ago
Claude Gets Personal Finance Feature With Bank Account Linking
Claude Gets Personal Finance Feature With Bank Account Linking
3 days ago
Apple Arcade Adds Crossy Road Rush and NBA 2K27
Apple Arcade Adds Crossy Road Rush and NBA 2K27
3 days ago
Apple's New HomeView Smart Home Hub: Here's How Much RAM It Has
Apple's New HomeView Smart Home Hub: Here's How Much RAM It Has
3 days ago
iPad Mini vs. iPad Air Buyer's Guide: Now Just $50 Apart
iPad Mini vs. iPad Air Buyer's Guide: Now Just $50 Apart
4 days ago
First iOS 27.3 and macOS Golden Gate 27.3 Public Betas Now Available
First iOS 27.3 and macOS Golden Gate 27.3 Public Betas Now Available
4 days ago
Apple Announces a New Mac Sales Record
Apple Announces a New Mac Sales Record
4 days ago
Paid $200 for Logic Pro? Apple Says You Won't Get This New Feature
Paid $200 for Logic Pro? Apple Says You Won't Get This New Feature
4 days ago