Safari on the macOS Mojave 10.14.4 beta, which wasreleased last week, permits websites to automatically adapt their styling to complementMojave’s dramatic new Dark Mode.
Apple in Octoberput outSafari Technology Preview 68with support for theprefers-color-schememedia query for styling dark mode content. This experimental feature’s now made its way into the Safari browser that ships in the macOS Mojave 10.14.4 developer beta.
This super-useful feature can be manually enabled or disabled in Safari’sDevelopmenu underExperimental Features → Dark Mode CSS Support, as shown top of post. However, That option is nowhere to be seen in the current macOS Mojave 10.14.3 software.
When macOS Mojave 10.14.4 releases, turning on Mojave’s Dark Mode in System Preferences will now change the styling on websites you visit accordingly. This will, of course, require web developers to implement black themes and adopt the new media query.
If you have the macOS Mojave 10.14.4 beta installed, you can try this out yourself byvisiting Kevin Chain’s example webpage, then switch between Light and Dark mode in System Preferences to see the website automatically apply an appropriate theme.
Again, this does not work in Safari on macOS Mojave 10.14.3 and earlier.
Safari Technology Previewgives you an early look at upcoming web technologies in macOS and iOS. Anyone can install it alongside the regular Safari and use them interchangeably.
The biggest annoyance with Mojave’s Dark Mode currently is Safari’s lack of support for the new media query. With macOS Mojave 10.14.4, Apple’s web browser will finally be able to allow websites to automatically cycle their styling for Light and Dark system appearances.
TUTORIAL:How to get Dark Mode on any website with Siri Shortcuts
Dark Mode in Mojave transform your desktop into a darkened color scheme that puts the focus on your content. It changes the look of built-in apps like Mail, Messages, Calendar and more. An official API permits developers to do the same for their own apps.
What you’ll find embedded below is a very cool comparison between automatic theme switching on websites when cycling between Dark and Light Mode in MacOS Mojave 10.14.4.
Just drag the vertical slider to see it in action.
Since macOS Mojave was released to the public in September, numerous apps have added support for the system-wide Dark Mode, including1Password,HazeOver,Sparkand more.
Dark Mode is officially unsupported on iOS, but a number of popular apps have adopted dark themes internally. Because there’s no OS-level support for Dark Mode in iOS 12, users must manually turn on a darker interface in their favorite app, provided it supports it.
Be sure to check outApple’s list of the top appsthat feature darkened or pure black interfaces. A fan-made website over atDarkmodelist.comhighlights more than 70 iPhone and iPad apps with custom dark themes along with screenshots.
macOS Mojave 10.14.4 will also bringsupport for Apple News in Canadaand the ability for Safari toautomatically fill in your saved passwords with a touch of the Touch ID button.
The software update should releases to all users in a few weeks.
Are you looking forward to Safari’s support for Dark Mode styling on website?
