Re: [csswg-drafts] Proposal: CSS Media Query for Browser Reader Views (#8546)

I’m glad to see this being raised! A similar use case I’d have is to change the color of `img` elements with a `filter` so they are higher-contrast against the background of the page as overridden by the reader mode. This is particularly useful for monochrome images (logos, non-decorative icons). Here’s an example of what those styles tend to look like with other media queries:

```css
@media print {
  .my-img {
    /* This image needs to be on the print, but we don’t care about its color. */
    filter: grayscale(1);
  }
}

@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .my-img {
    /* Increase the contrast between the image and bg in forced colors mode with a dark theme */
    filter: contrast(0);
  }
}
```

It’d be useful to do similar tweaks in reader mode to improve contrast / legibility.

-- 
GitHub Notification of comment by thibaudcolas
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8546#issuecomment-1537135282 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Saturday, 6 May 2023 12:48:29 UTC