← Tous les exemples

GitLab : diff adapté au daltonisme

Remplace les surlignages rouge et vert du diff par du bleu et de l'orange plus distinguables.

Code à copier

/* Colorblind-friendly diff colors: blue for added, orange for removed */
.diff-file .line_holder .new,
.diff-file .line_content.new,
.diff-file td.new {
  background-color: #d4e6ff !important;
}
.diff-file .line_holder .old,
.diff-file .line_content.old,
.diff-file td.old {
  background-color: #ffe4c4 !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.