← All examples

GitLab: dim whitespace-only diff noise

Dims diff lines that only change whitespace so the real code changes stand out more.

Code to copy

/* Dim whitespace-only changed lines so real changes stand out */
.diff-file .line_holder.line_holder-whitespace-only,
.diff-file tr:has(.line_content[data-whitespace-only]) {
  opacity: 0.45 !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.