← Todos los ejemplos

Product Hunt: contraste oscuro más suave

Suaviza el contraste del tema oscuro usando tonos gris oscuro en vez de negro puro.

Código para copiar

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

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.