4 ms·
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 (prefer
by DamonHD 3y ago
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.
- qingcharles 3y agoInteresting 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?
- garganzol 3y agoImages 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.
- briansmith 3y agoThere 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.