← Todos los ejemplos

GitLab: diff apto para daltónicos

Sustituye los resaltados rojo y verde del diff por azul y naranja más distinguibles.

Código para copiar

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

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.