Skip to content

Instantly share code, notes, and snippets.

@weeble
Last active October 24, 2024 14:42
Show Gist options
  • Select an option

  • Save weeble/fd31c4d619ce792681f37975a3201a22 to your computer and use it in GitHub Desktop.

Select an option

Save weeble/fd31c4d619ce792681f37975a3201a22 to your computer and use it in GitHub Desktop.
Make hidden diffs more alarming on github.com
/* Highlight collapsed files */
div :has(> div[class^="HiddenDiffPatch-"]), .js-diff-entry-loader {
--hack-file-colors-bg: var(--bgColor-default, var(--color-canvas-default, rgb(0 0 0)));
--hack-file-colors-addition: var(--diffBlob-addition-bgColor-line, var(--color-diff-blob-addition-line-bg, rgb(27 71 33 / 0.3)));
--hack-file-colors-deletion: var(--diffBlob-deletion-bgColor-line, var(--color-diff-blob-deletion-line-bg, rgb(104 45 15 / 0.3)));
background: linear-gradient(90deg, var(--hack-file-colors-bg), rgb(from var(--hack-file-colors-bg) r g b / 0) 500px),
repeating-linear-gradient(
45deg,
var(--hack-file-colors-addition),
var(--hack-file-colors-addition) 20px,
var(--hack-file-colors-deletion) 20px,
var(--hack-file-colors-deletion) 40px
)
}
/* Highlight collapsed files */
div :has(> div[class^="HiddenDiffPatch-"]), .js-diff-entry-loader {
background:
linear-gradient(
90deg,
var(--bgColor-default),
rgb(from var(--bgColor-default) r g b / 0) 500px
),
repeating-linear-gradient(
45deg,
var(--diffBlob-addition-bgColor-line),
var(--diffBlob-addition-bgColor-line) 20px,
var(--diffBlob-deletion-bgColor-line) 20px,
var(--diffBlob-deletion-bgColor-line) 40px
);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment