Une explication sur le fonctionnement des modes light / dark (et pourquoi la fonction css light-dark est à utiliser)

Tout est dans le titre

Tout est dans le titre

Le code css pour avoir un dark mode minimaliste

@media (prefers-color-scheme: dark) {
    html body {filter: invert(1);}
    /* the following really should be managed by a cascade layer */
    html img, 
    html img.book.cover, 
    html img.book.cover.big, 
    html [#archipelago](https://raphael.salique.fr/liens/./add-tag/archipelago) a:hover img {filter: invert(1);}
    html [#thoughts](https://raphael.salique.fr/liens/./add-tag/thoughts) figure.standalone img {
      box-shadow: 0.25em 0.25em 0.67em [#FFF8](https://raphael.salique.fr/liens/./add-tag/FFF8);
    }
}

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre