← Tous les exemples

Product Hunt : contraste sombre plus doux

Adoucit le contraste du thème sombre avec des tons gris foncé plutôt que du noir pur.

Code à copier

/* Calmer contrast for the built-in dark theme */
html[class*="dark"] body,
html[data-theme="dark"] body {
  background-color: #15171c !important;
}
html[class*="dark"] [data-test^="post-item"],
html[data-theme="dark"] [data-test^="post-item"] {
  background-color: #1d2026 !important;
  border-color: #2a2e38 !important;
}
html[class*="dark"] :is(p, span, a) {
  color: #c4c8d4 !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.