← Tous les exemples

Lignes de diff en zébré

Ajoute un fond alterné discret aux lignes de contexte des diffs pour suivre plus facilement le code du regard.

Code à copier

.blob-code-context:nth-of-type(even),
.diff-table tr:nth-child(even) .blob-code-context,
[class*="DiffLine"][data-line-anchor]:nth-of-type(even) {
  background: rgba(127,127,127,0.05) !important;
}
.blob-num { opacity: 0.65 !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.