← Tutti gli esempi

Medium: blocchi di codice più chiari

Dà ai blocchi di codice un carattere monospaziato e uno sfondo scuro per leggerli meglio.

Codice da copiare

/* Clearer code blocks with monospace and soft background */
article pre, article code {
  font-family: "SF Mono", Menlo, Consolas, monospace !important;
  font-size: 14px !important;
}
article pre {
  background: #1e1e1e !important;
  color: #e6e6e6 !important;
  border-radius: 6px !important;
  padding: 14px !important;
  overflow-x: auto !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.