Using Dark Mode in CSS with MacOS Mojave • Hacker News Board

Re: Using Dark Mode in CSS with MacOS Mojave

#51

Post by jmbylsma » Thu, Oct 25, 2018, 1:43 PM UTC

PhasmaFelis wrote: post #49

I recently heard about the Dark Reader extension for Chrome, which lets you toggle dark settings per website in a fairly intelligent way. https://chrome.google.com/webstore/detail/dark-reader/eimadp... I'm really liking it, and I'd be interested to hear about something similar for Firefox.

Dark Background and Light Text: https://addons.mozilla.org/en-US/firefox/addon/dark-backgrou...

I'm not familiar with Dark Reader, but I'm guessing it's along the same lines. I've used it with Firefox Mobile for a couple months and have been happy with it.

Re: Using Dark Mode in CSS with MacOS Mojave

#52

Post by davidwparker » Thu, Oct 25, 2018, 1:49 PM UTC

saagarjha wrote: post #4

This is a very interesting step, considering that Apple's interface guidelines prefer that application "content" remain regularly styled (e.g. as Pages does). This seems to show that Safari's web view has been changed from being merely content to being part of the user interface, as it would in say web applications. Presumably document creation websites e.g. Google Docs would be encouraged to maintain a light-themed…

I was reading in iBooks the other day and it changed the content to be in dark mode as well. I didn't find it jarring, but it is simply text so I was okay with it.

If I was on a website/app though, I think I'd prefer an option provided by the site/app rather than having the OS dictate what happens.

Re: Using Dark Mode in CSS with MacOS Mojave

#53

Post by heavymark » Thu, Oct 25, 2018, 1:53 PM UTC

This is great news. And as the author mentioned suitable for “web apps” rather than something devs should add to general websites but certainly special use cases where it could make sense there too.

Re: Using Dark Mode in CSS with MacOS Mojave

#54

Post by sparewalking » Thu, Oct 25, 2018, 1:58 PM UTC

ikfmpwdsoz wrote: post #46

aczerepinski wrote: post #31

Earlier quoted context omitted.

If you can justify dozens of CSS adjustments for IE11, it isn't much of a stretch to spend half that amount of time making something cool for (typically) higher value Safari users as well.

What do you mean by "higher value"? Getting IE11 to work will net you an extra 2.85% of the market, but adding a very minor feature that's only usable by Safari users doesn't seem to be profitable at all.

> only usable by Safari users doesn't seem to be profitable at all.

Why is that? According to [1] Safari has 14% market share. Just the desktop version has 5%.

[1] http://gs.statcounter.com/browser-market-share

Re: Using Dark Mode in CSS with MacOS Mojave

#55

Post by e1ven » Thu, Oct 25, 2018, 2:12 PM UTC

I really like this feature, and I hope the other browsers support it quickly.

I've been using https://addons.mozilla.org/en-US/firefox/addon/dark-night-mo... to convert webpages to darkmode.

It doesn't strictly invert, it tries to guess the color changes necessary to make the site work in darker colors.

Example of how HN looks: https://i.imgur.com/E5licCH.jpg

Re: Using Dark Mode in CSS with MacOS Mojave

#56

Post by aczerepinski » Thu, Oct 25, 2018, 2:18 PM UTC

ikfmpwdsoz wrote: post #46

aczerepinski wrote: post #31

Earlier quoted context omitted.

If you can justify dozens of CSS adjustments for IE11, it isn't much of a stretch to spend half that amount of time making something cool for (typically) higher value Safari users as well.

What do you mean by "higher value"? Getting IE11 to work will net you an extra 2.85% of the market, but adding a very minor feature that's only usable by Safari users doesn't seem to be profitable at all.

By higher value, I mean they spend more money.

Re: Using Dark Mode in CSS with MacOS Mojave

#57

Post by ThomPete » Thu, Oct 25, 2018, 2:18 PM UTC

modernerd wrote: post #8

This is a great blog post to build awareness of the prefers-color-scheme feature. But I don't think it's safe to assume that someone who sets a dark UI also wants web pages displayed like that. I set dark mode in macOS to have the UI fade into the background and reveal the content; I don't want or expect that websites will present white text on a dark background too. That's fine for coding but can be less readable fo…

Exactly! That's my take on this too.

Dark Mode should only be for UI elements not for actual content. They would never do that with a PDF either.

Re: Using Dark Mode in CSS with MacOS Mojave

#58

Post by Gaelan » Thu, Oct 25, 2018, 2:21 PM UTC

ikfmpwdsoz wrote: post #46

aczerepinski wrote: post #31

Earlier quoted context omitted.

If you can justify dozens of CSS adjustments for IE11, it isn't much of a stretch to spend half that amount of time making something cool for (typically) higher value Safari users as well.

What do you mean by "higher value"? Getting IE11 to work will net you an extra 2.85% of the market, but adding a very minor feature that's only usable by Safari users doesn't seem to be profitable at all.

I imagine that they’re saying Safari users are generally of a “more valuable” demographic (maybe because they’re rich enough to afford Macs?)

Re: Using Dark Mode in CSS with MacOS Mojave

#59

Post by michaelmior » Thu, Oct 25, 2018, 2:34 PM UTC

ThomPete wrote: post #57

modernerd wrote: post #8

This is a great blog post to build awareness of the prefers-color-scheme feature. But I don't think it's safe to assume that someone who sets a dark UI also wants web pages displayed like that. I set dark mode in macOS to have the UI fade into the background and reveal the content; I don't want or expect that websites will present white text on a dark background too. That's fine for coding but can be less readable fo…

Exactly! That's my take on this too. Dark Mode should only be for UI elements not for actual content. They would never do that with a PDF either.

It's really a matter of preference. I personally would be happy if my PDFs would automatically display in "dark mode" (not that I expect that to be implemented). Perhaps browsers just need a setting to toggle this.

Re: Using Dark Mode in CSS with MacOS Mojave

#60

Post by michaelmior » Thu, Oct 25, 2018, 2:35 PM UTC

akuji1993 wrote: post #19

stephenr wrote: post #14

Earlier quoted context omitted.

As someone else pointed out ( https://news.ycombinator.com/item?id=18298848 ) this is in a draft for CSS Media Queries level 5

Hm, okay. Then it might make sense to support this, if your user base heavily relies on MacOS. Thanks for the link.

Windows has also had dark mode for apps for a while, so I wouldn't be surprised if Edge picks this up in the future.