← Tutti gli esempi

Product Hunt: contrasto scuro più morbido

Attenua il contrasto del tema scuro usando toni grigio scuro invece del nero puro.

Codice da copiare

/* 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;
}

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.