← Todos los ejemplos

Rayas tipo cebra en las líneas del diff

Añade un fondo alterno sutil a las filas de contexto en los diffs para seguir las líneas con la vista más fácilmente.

Código para copiar

.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; }

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.