macOS Mojave 10.14.4 enables automatic Dark Mode on websites with black themes

Safari on the macOS Mojave 10.14.4 beta, which was released last week, permits websites to automatically adapt their styling to complement Mojave's dramatic new Dark Mode.

Apple in October put out Safari Technology Preview 68 with support for the prefers-color-scheme media 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.

Websites that support dark themes still appear white in the current macOS Mojave 10.14.3...

This super-useful feature can be manually enabled or disabled in Safari's Develop menu under Experimental 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.

...but on MacOS Mojave 10.14.4 they automatically adapt to OS appearance.

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 by visiting 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.

A white webpage looks out of place when Dark Mode in the current Mojave version is on.

Safari Technology Preview gives you an early look at upcoming web technologies in macOS and iOS. Anyone can install it alongside the regular Safari and use them interchangeably.

This looks more like it, however. Courtesy of Safari on macOS Mojave 10.14.4.

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, including 1Password, HazeOver, Spark and 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.

Dark Mode in Bear Notes for Mac.

Be sure to check out Apple’s list of the top apps that feature darkened or pure black interfaces. A fan-made website over at Darkmodelist.com highlights more than 70 iPhone and iPad apps with custom dark themes along with screenshots.

Apple's App Store list of apps with black themes.

macOS Mojave 10.14.4 will also bring support for Apple News in Canada and the ability for Safari to automatically 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?

Let us know by leaving a comment down below!

Wallpapers of the week: true black with colorful gradients

Since the introduction of OLED screen technology with the iPhone X, having a true black wallpaper really sets apart the visual appeal of your wallpaper. Of course, these images look incredible on non-OLED displays, but iPhone X and iPhone XS devices have the ability to turn off the part of the screen that contains a true black image. This causes the colorful part of the image to really pop against the black contrast.

Pwn20wnd drops new revision of unc0ver v2.2.0 pre-release, says he’s “actively implementing user requests”

Hacker and unc0ver lead developer Pwn20wnd has been on quite the roll lately; just yesterday he released unc0ver v2.1.4 to the general public, and he also pushed a bevy of revisions this weekend to the unc0ver v2.2.0 pre-release with bug fixes, performance improvements, and experimental new features. But as it would seem, there’s still more work to be done.

Pwn20wnd shared a Tweet Sunday morning denoting how he’s “actively implementing user requests” to make unc0ver “even better.” The Tweet points to the hacker’s official GitHub repository, where unc0ver users can reach out about problems and feature requests via the Issues tab on the web page:

Jailbreak tweaks of the week: AutoWall, Dimage, Hive, & more

Jailbreak Tweaks to check out

If you have a jailbroken handset and you’re looking for new and exciting ways to customize it, then you’ve come to the right place.

This roundup will encompass all the latest jailbreak tweaks released in Cydia from Monday, January 21st to Sunday, January 27th. As usual, we’ll kick things off by discussing our favorite releases first and then outline the rest for you afterward.

The top stories of the week on iDB

Were too busy to keep up with all the Apple news this week? We've got you covered with this roundup summing up everything you should know about.

As always, if you like what you're reading, please feel free to spread the love by sharing our posts on your favorite social network. We're usually hanging out on Twitter and Facebook.

Don't forget to listen to the latest episode of our new podcast, Let's Talk iOS:



Subscribe on iTunes

Want to support iDB? Visit our Deals Store and buy something from us.

Deals

https://www.idownloadblog.com/2019/01/22/deals-for-itunes-movies/

Accessories

https://www.idownloadblog.com/2019/01/24/unboxing-video-smart-battery-case-iphone-xs-xr/

Apple & related news

https://www.idownloadblog.com/2019/01/21/3d-touch-in-2019/

https://www.idownloadblog.com/2019/01/22/apple-pay-target-taco-bell-speedway/

https://www.idownloadblog.com/2019/01/22/homepod-china-tell-me-a-story/

https://www.idownloadblog.com/2019/01/22/apple-releases-ios-12-1-3-macos-10-14-3-watchos-5-1-3-tvos-12-1-2/

https://www.idownloadblog.com/2019/01/22/10-useful-ipad-tips/

https://www.idownloadblog.com/2019/01/23/digitimes-health-tracking-airpods/

https://www.idownloadblog.com/2019/01/24/apple-project-titan-layoffs/

https://www.idownloadblog.com/2019/01/24/apple-seeds-first-betas-of-ios-12-2-macos-10-14-4-watchos-5-2-and-tvos-12-2/

Jailbreaking

https://www.idownloadblog.com/2019/01/23/appstore-unrestrict/

https://www.idownloadblog.com/2019/01/23/last-chance-to-downgrade-to-ios-12-1-1-as-s0rrymybad-publishes-details-about-ios-12-centric-kernel-exploit/

https://www.idownloadblog.com/2019/01/23/unc0ver-v2-2-0-pre-release-receives-additional-revisions-with-more-improvements/

Apps

https://www.idownloadblog.com/2019/01/21/spotify-block-test/

https://www.idownloadblog.com/2019/01/22/listen-to-fm-radio-on-iphone/

https://www.idownloadblog.com/2019/01/23/fuzion-for-iphone/

https://www.idownloadblog.com/2019/01/24/microsoft-office-365-mac-app-store/

https://www.idownloadblog.com/2019/01/25/free-animated-gif-creator-iphone-apps/

https://www.idownloadblog.com/2019/01/26/glitch-art-studio-lazyhabit-brut-and-other-apps-to-check-out-this-weekend/

Tips

https://www.idownloadblog.com/2019/01/21/adjust-alarm-clock-volume-iphone/

https://www.idownloadblog.com/2019/01/21/open-links-in-chrome-iphone-ipad/

https://www.idownloadblog.com/2019/01/22/mac-screenshots-copy-paste-iphone-apps/

https://www.idownloadblog.com/2019/01/23/copy-paste-iphone-ipad-mac-universal-clipboard/

https://www.idownloadblog.com/2019/01/23/password-protect-pages-numbers-keynote-documents/

https://www.idownloadblog.com/2019/01/24/50-mac-keyboard-shortcuts/

https://www.idownloadblog.com/2019/01/25/disable-guest-user-login-screen-mac/

Wallpapers

https://www.idownloadblog.com/2019/01/20/aluminum-apple-logo-wallpapers-for-iphone/

Find iDB on Twitter, Facebook, YouTube, Instagram, and in your RSS reader. Also make sure to subscribe to our podcast and download the iDB app for free in the App Store.

Totallee’s super thin cases are now available on Amazon for Prime shipping [sponsor]

Totallee's super thin cases for the new iPhone XS, iPhone XS Max, and iPhone XR  are now available on Amazon for Prime shipping.

I'm not going to beat around the bush: Totallee cases are my favorite cases, period. Cynics might think I am just being paid for saying that, and while it is true the company is sponsoring this message, it certainly doesn't change my opinion of Totallee's products as I've been using these cases for 4 years, well before they became a sponsor.

Umbreon: A customizable Dark Mode for web pages in iOS

While most Dark Mode-oriented jailbreak tweaks support iOS’ native app interfaces, the vast majority lack support for the various web pages you might visit while surfing the web.

Two tweaks launched in September, dubbed Deluminator and Nebula, were some of the first to bring a full-featured Dark Mode experience to web pages in particular. But now, a new release called Umbreon by iOS developer Soh Satoh accomplishes this same goal while providing some additional customizations.

In the screenshot examples above, you can see how white backgrounds on most web pages are darkened to reduce the eye-searing effect that’s typically endured while browsing the internet in a dark environment. Umbreon should play nicely with most standard web pages, but there are some instances where a web page won’t be fully compatible.

After you install Umbreon, you’ll find an extensive preference pane in the Settings app where you can configure the tweak to your liking:

Here, you can:

Toggle the tweak on or off on demand Enable Dark Mode for web pages Combine custom CSS formatting with Dark Mode CSS Select different apps to disable features in Configure a CSS injection delay Toggle gray background instead of black for Dark Mode Enable web image brightness adjustments Use a slider to set a custom image brightness level Enter custom Dark Mode CSS styling if you don’t want to use the default Toggle website filtering Choose whether filter is a black list or a white list Choose whether filter should exactly match URLs or guess websites based on name Inject custom JavaScript Toggle filtering for JavaScript injection

The developer includes a respring button at the top right of the preference pane that you can use to save your changes. You should use it any time you adjust the settings in this pane.

Compared to Deluminator and Nebula, it seems like Umbreon intends to offer more features to the end user, but its aesthetics aren’t as streamlined. As you can probably discern from our screenshot examples above, some website elements don’t render as expected, such as the Google search bar text field and the filtering tabs just above the Google search results.

Finally, we should mention that Umbreon looks best when paired with a core Dark Mode tweak, such as Eclipse or Nightshade; otherwise, you'd only be theming web pages and not the apps you use on a regular basis.

If you’re interested in trying Umbreon, then you can download it for $1.00 from Cydia’s Packix repository. The tweak is compatible with jailbroken iOS 10 and 11 devices. Any bugs should be reported directly to the developer such that they can be fixed promptly.

What are your thoughts about the versatility that Umbreon presents? Let us know in the comments section below.