← Tous les exemples

Stack Overflow : blocs de code sombres

Donne aux blocs de code et extraits en ligne un fond sombre avec texte clair, reposant pour les yeux.

Code à copier

/* Dark theme just for the code blocks */
.s-prose pre,
.js-post-body pre {
  background: #1e1e1e !important;
  color: #d4d4d4 !important;
  border: 1px solid #333 !important;
}
.s-prose code,
.js-post-body code {
  background: #2a2a2a !important;
  color: #e6e6e6 !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.