Dark Mode: Reduce image brightness & contrast

[melchoyce]

Describe the bug
In dark mode, images appear brighter because they're against a dark background, which can cause eye strain. What if we reduced the brightness and contrast to make images easier on the eyes?

Screenshots

Before	After

This uses:

filter: brightness(.85) contrast(1.1);

Additional context
This is a suggestion in https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/.

[carolinan]

I am not a dark mode user, but I would not expect this.
If I wanted a filter over my images, I would want to decide that myself, and I would use a cover block.

[hedgefield]

I've seen this method used more often in dark mode themes yeah, also by reducing saturation a little bit. I don't find it such a bad idea, I have certainly had my eyes hurt from bright colorful images during a dark mode situation. But I can imagine if images are super important on your site, or you already authored them to look good in a dark mode theme, you'd be peeved that there's something in the theme that messes with them. It's probably not trivial to put this behind a theme option toggle huh? I like the feature, but feels like something that each theme user should be able to opt into or out of.

[ryelle]

There are other discussions ongoing in other issues, but there already is a theme option that site owners can use to turn off prefers-color-scheme support. So if the design/images are very important, they can turn it off.

[hedgefield]

Wouldn't that disable dark mode entirely?

[aristath]

yes, it would.

[aristath]

During Friday's meeting it was decided to remove everything related to dark-mode and instead put that feature in a plugin as a safety precaution. dark-mode was removed in #690 and moved in a plugin, with the hope that it can be re-integrated in the theme if we're satisfied with its implementation.
Closing this issue.

[carolinan]

This is already included, closing.