Hacker News Reader

Comment by DamonHD | Hacker News Reader

My entire automatic light/dark support is, very early in the HTML:

    <meta name=color-scheme content="light dark">

then, in in-line CSS:

    @media (prefers-color-scheme:dark){body{background-color:#000;color:#eee}img{filter:brightness(.9)}}

I'm not seeing this new thing as a huge win so far.

View on HN

Interesting that you adjust the image brightness.

I have everything set to dark mode, but I wouldn't want the images altered. Unless these are just navigational images on your site and you don't have any photos?

Images with a full dynamic range look too bright in the dark mode. I set them to 0.9 as well on my resources, otherwise the eyes are bleeding deep in the night.

There are multiple reasons for a user to want "dark mode":

* I just want everything to be dark on my screen because I like it.

* I am trying to use this device in a dark place.

* I want a dark, low-contrast background that doesn't compete with image colors.

The solutions to these three problems are all some kind of "dark mode" but each one needs a different solution. Sometimes one "dark mode" might work in conjunction with the user manually changing their brightness settings depending on the lighting in the environment, but not many people seem to design for that.

Reply on news.ycombinator.com