Apple Releases Safari Technology Preview 69 With New Dark Mode Scrollbar for Darker Webpages

safaripreviewiconApple today released a new update for Safari Technology Preview, the experimental browser Apple first introduced over two years ago in March of 2016. Apple designed the Safari Technology Preview to test features that may be introduced into future release versions of Safari.

Safari Technology Preview release 69 includes bug fixes and feature improvements for Safari Technology Preview release 69 includes bug fixes and feature improvements for CSS, Intersection Observer, JavaScript, Media, Web Inspector, WebRTC, Payment Request, and Storage.

Apple says that today's update also introduces a new dark appearance scrollbar when the background of a webpage is dark or the document supports dark mode.

The new Safari Technology Preview update is available for both macOS High Sierra and macOS Mojave, the newest version of the Mac operating system that was released to the public in September.

The Safari Technology Preview update is available through the Software Update mechanism in the Mac App Store to anyone who has downloaded the browser. Full release notes for the update are available on the Safari Technology Preview website.

Apple’s aim with Safari Technology Preview is to gather feedback from developers and users on its browser development process. Safari Technology Preview can run side-by-side with the existing Safari browser and while designed for developers, it does not require a developer account to download.


Top Rated Comments

(View all)
Avatar
1 week ago
Are they adding some kind of a hook that I as a developer can test for to see if a user's system is set to dark mode so that I can load an alternative stylesheet automatically?
Rating: 1 Votes
Avatar
1 week ago

Yes... https://blog.iconfactory.com/2018/10/dark-mode-and-css/


https://webkit.org/blog/8475/release-notes-for-safari-technology-preview-68/

Sweet. Doing it in a media query is smart. I could just set up an extra color variables sheet for dark mode in Sass to import based on media query. Should be pretty straightforward to implement, but it will probably be a while before it's supported or standardized across all browsers. I've recently started a large web redesign at work so I'm definitely going to add this to my project list if only for myself to use, lol.
Rating: 1 Votes
Avatar
1 week ago
I'm hoping there will be some standardizing of "Dark Mode" in browsers that will allow sites to style based on a user's overall system/browser preference. This would be different and preferred to automatic color inverting because it puts the control with the developers.
Rating: 1 Votes
Avatar
1 week ago

Are they adding some kind of a hook that I as a developer can test for to see if a user's system is set to dark mode so that I can load an alternative stylesheet automatically?

Yes... https://blog.iconfactory.com/2018/10/dark-mode-and-css/


CSS

* Added [FONT=SF Mono]prefers-color-scheme[/FONT] media query support for styling dark mode content ([FONT=inherit]r237156[/FONT] ('https://trac.webkit.org/changeset/237156/webkit'))

https://webkit.org/blog/8475/release-notes-for-safari-technology-preview-68/
Rating: 1 Votes
[ Read All Comments ]