[Feature Requests] Dark/light/small/large API for images depending on context

[mcanouil]

As discussed, Quarto currently does not natively provides ways to deal with various images depending on context such as light/dark theme, or small/large screen display.

Some related work:

• JavaScript: https://mickael.canouil.fr/posts/2023-05-30-quarto-light-dark/
• GitHub context classes: https://github.blog/changelog/2021-11-24-specify-theme-context-for-images-in-markdown/ Deprecated in favour of prefers-color-scheme approach.

• 3263 and thematic R package (https://rstudio.github.io/thematic/

• 5439

• https://developer.mozilla.org/fr/docs/Web/CSS/@media/prefers-color-scheme

• 482

[cscheid]

It's worth mentioning that since we use bootstrap, nested divs with the right display properties probably already work.

[cderv]

For thematic support, I believe this should have a slight variation where it would be good that bslib have a way to support Quarto theme file , quarto to share this information with bslib - this way a tool like thematic can get access to the same theme and do its magic with graphics themes.

Agreed it is R only, but this would be awesome support for the R community. And possibly give ideas for the python community to have a thematic-like tool (if none already)