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

by

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

tkermit Avatar
27 months 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/
Score: 1 Votes (Like | Disagree)
Graphikos Avatar
27 months 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.
Score: 1 Votes (Like | Disagree)
macduke Avatar
27 months 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.
Score: 1 Votes (Like | Disagree)
macduke Avatar
27 months 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?
Score: 1 Votes (Like | Disagree)

Top Stories

apple top apps games 2020

Apple Shares Top 20 Most Downloaded Games and Apps of 2020

Tuesday December 1, 2020 9:38 pm PST by
Alongside picks for the top iPhone, iPad, and Mac apps and games of the year, Apple today shared charts featuring the Top Games of 2020 and the Top Apps of 2020, revealing the most popular free and paid apps and games during the year. Among Us! was the top free game of 2020, followed by Call of Duty: Mobile, Roblox, and Subway Surfers. Ink Inc. Tattoo Drawing was the number four free app,...
m1 chip macbook air pro

Developer Delves Into Reasons Why Apple's M1 Chip is So Fast

Monday November 30, 2020 1:57 pm PST by
Apple's M1 chip is the fastest chip that Apple has ever released in a Mac based on single-core CPU benchmark scores, and it beats out many high-end Intel Macs when it comes to multi-core performance. Developer Erik Engheim recently shared a deep dive into the M1 chip, exploring the reasons why Apple's new processor is so much faster than the Intel chips that it replaces. First and foremost,...
maxresdefault

Italy Fines Apple $12 Million for Misleading iPhone Water Resistance Claims

Monday November 30, 2020 3:10 am PST by
Apple has been slapped with a 10 million euro ($12 million) fine by Italy's antitrust watchdog for unfair commercial practices related to its iPhone marketing in the country. One of the Apple ads cited in the Italian watchdog's proceedings (credit: setteBIT) Specifically, Apple is being charged for misleading claims in promotional messages about how deep and how long iPhones can be submerged...
General cyber monday 20 sale feature

Apple Cyber Monday 2020: Discounts on iPads, Macs, AirPods, and More [Updated]

Monday November 30, 2020 6:25 am PST by
Today is Cyber Monday, a shopping event that sees many of the same deals from Black Friday bleed over into a new week, along with a few brand new offers on everything from Apple products to related accessories. In this post we'll highlight the best online discounts that you can find on Apple devices today. Note: MacRumors is an affiliate partner with some of these vendors. When you click a...
16 inch MBP Mini Led

Mini-LED M1 MacBook Pro and Mini-LED iPad Pro Models Coming First Half of 2021

Monday November 30, 2020 2:24 am PST by
Apple is widely reported to be embracing mini-LED display backlighting technology for some products next year, and a new report today by DigiTimes has named several of Apple's partners in the supply chain that are expected to benefit from the switch. According to the report, Apple is set to launch its first mini-LED iPad Pro in the first quarter of 2021 and mass produce mini-LED MacBook Pro...
iphone8guide b

iOS 14.2 Quietly Added FaceTime 1080p Support to iPhone 8 and Later Models

Wednesday December 2, 2020 3:21 am PST by
Back in early November, Apple released iOS 14.2 and announced with it a slew of new features for iPhones, but one thing it didn't mention was the apparent addition of support for 1080p FaceTime calls on iPhone 8 and later devices. The little-known fact was discovered by MacMagazine, which found that Apple quietly updated the specs pages for devices like iPhone XR shortly after the release of ...
Mac Mini 2018

Apple Developers Now Able to Natively Run macOS Within AWS With Amazon EC2 Mac Instances

Monday November 30, 2020 9:01 pm PST by
As AWS re:Invent kicks off, Amazon Web Services today announced new Mac instances for Amazon Elastic Compute Cloud, allowing AWS customers to run on-demand macOS workloads in the AWS cloud for the first time. Amazon says that the new feature extends the flexibility, scalability, and cost benefits of AWS to all Apple developers as those creating apps for iPhone, iPad, Mac, Apple Watch, Apple...
best apps of 2020

Wakeout! Named Apple's Best App of 2020, While Zoom Earns the Title for Best iPad App

Tuesday December 1, 2020 9:26 pm PST by
Apple today shared its App Store Best of 2020 winners, highlighting its picks for the top iOS, iPadOS, and macOS apps and games released over the course of the year. Apple's iPhone App of the Year award went to Wakeout!, which is a family friendly exercise and movement app that encourages people to complete easy exercises while at home. Apple's iPad App of the Year was Zoom, which soared in...
magsafe duo charger

MagSafe Duo Charger for iPhone 12 and Apple Watch Now Available for Purchase

Tuesday December 1, 2020 4:15 pm PST by
Apple today began selling the MagSafe Duo Charger that was announced alongside the new iPhone 12 models back in October. Priced at $129, the MagSafe Duo offers a MagSafe charging puck for the iPhone 12, 12 Pro, 12 Pro Max, and 12 mini, along with an Apple Watch charger. Though the accessory was announced in October and was listed as coming soon, it was not clear when it would launch. Orders...
imac 5k 2014 video

Apple Adds First iMac Models With Retina 5K Display to Vintage Products List

Tuesday December 1, 2020 8:09 am PST by
The first iMac with a Retina 5K display is one of several iMac models that have been added to Apple's vintage products list this week. In the past, vintage Apple products were no longer eligible for repairs at the Genius Bar or at Apple Authorized Service Providers, but Apple began offering extended repairs of select vintage products in 2018. Many of the iMac models listed below will likely...