← Tous les exemples

Medium : blocs de code plus lisibles

Donne aux blocs de code une police à chasse fixe et un fond sombre pour plus de lisibilité.

Code à copier

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

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.