← Tous les exemples

Mode sombre pour l'admin Shopify

Inverse les couleurs de l'admin Shopify tout en gardant les photos et miniatures naturelles.

Code à copier

html { filter: invert(0.93) hue-rotate(180deg) !important; background: #fff !important; }
img, video, canvas, svg image,
[class*="thumbnail" i], [class*="Thumbnail" i],
[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.