4 ms·
Two interesting and rarely considered points in that guide: ① “Decrease the brightness and contrast of images a bit so that it looks comfortable to the eyes wh
by palsecam 2y ago
Two interesting and rarely considered points in that guide:
① “Decrease the brightness and contrast of images a bit so that it looks comfortable to the eyes when it’s against a dark background.”
② “If we simply invert a dark shadow using light colors, then we get this funky thing […] Close elements should still be lighter and distant elements should still be darker – even in a dark UI.”
Oh yes, shadows are tricky. I got ① right for the dark theme of https://FreeSolitaire.win https://FreeSolitaire.win, but I never thought of ②. Good to know!
- account42 2y ago> ① “Decrease the brightness and contrast of images a bit so that it looks comfortable to the eyes when it’s against a dark background.” Please don't do this. It just makes dark mode into an inferior version with limited contrast/color depth instead of a real alternative.
- phatskat 2y agoI definitely get that - I think in settings where that richness and depth is a priority it makes sense to have images at their original color and brightness. However, charts and general imagery is probably fine to tune. An alternative would be something like hover/click/tap to show the full-brightness image, but that’s something of a discoverability issue unless there’s clear direction given to the user, which doesn’t fit a lot of use cases cleanly imo. A better alternative would be something configured in the browser that passes the user’s preference to the page, and an API similar to color scheme that controls image brightness in different theme modes. This is probably the best for users and developers, and least likely to be a “thing”.