Skip to content

Instantly share code, notes, and snippets.

@matthanley
Created November 23, 2021 12:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save matthanley/844a88ffba4a6a70b4603c5a831c6187 to your computer and use it in GitHub Desktop.
Save matthanley/844a88ffba4a6a70b4603c5a831c6187 to your computer and use it in GitHub Desktop.
Custom browser styles
/* Add a gradient to GH labels */
:root .hx_IssueLabel,
[data-color-mode=light][data-light-theme*=light] .hx_IssueLabel,
[data-color-mode=dark][data-dark-theme*=light] .hx_IssueLabel {
--lightness-threshold: 0.7 !important;
--triad1: hsl(
calc(var(--label-h) + 10),
calc(var(--label-s) * 1%),
calc(var(--label-l) * 1%)
);
--triad2: hsl(
calc(var(--label-h) - 10),
calc(var(--label-s) * 1%),
calc(var(--label-l) * 1%)
);
background: linear-gradient(45deg, var(--triad1) 0%, var(--triad2) 100%) !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment