← Tous les exemples

Goodreads : mode sombre

Inverse les couleurs de l'interface tout en gardant couvertures et photos naturelles.

Code à copier

/* Simple dark mode for the Goodreads interface */
html {
  filter: invert(1) hue-rotate(180deg) !important;
  background: #fff !important;
}
img, .bookCover, .gr-mediaBox img, video, [style*="background-image"] {
  filter: invert(1) hue-rotate(180deg) !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.