@microflash/rehype-starry-night
Version:
rehype plugin to highlight codeblocks with Starry Night
31 lines (27 loc) • 1.2 kB
CSS
:root {
--hl-background-color: hsl(220, 23%, 97%);
--hl-background-color-inline: var(--hl-background-color);
--hl-border-color: hsl(215, 15%, 85%);
--hl-outline-color: hsl(215, 15%, 70%, 0.5);
--hl-line-highlight-background-color: hsl(220, 23%, 92%);
--hl-line-added-background-color: hsla(103, 96%, 73%, 0.5);
--hl-line-removed-background-color: hsla(4, 75%, 83%, 0.5);
--hl-line-active-background-color: hsl(220, 23%, 89%);
--hl-line-number-added-color: hsl(106, 59%, 27%);
--hl-line-number-removed-color: hsl(355, 67%, 41%);
/* add Starry Night CSS properties for light theme here */
}
@media (prefers-color-scheme: dark) {
:root {
--hl-background-color: hsl(216, 18%, 11%);
--hl-border-color: hsl(215, 11%, 22%);
--hl-outline-color: hsl(215, 11%, 37%, 0.5);
--hl-line-highlight-background-color: hsl(218, 14%, 17%);
--hl-line-added-background-color: hsla(105, 62%, 20%, 0.5);
--hl-line-removed-background-color: hsla(356, 69%, 31%, 0.5);
--hl-line-active-background-color: hsl(218, 14%, 20%);
--hl-line-number-added-color: hsl(105, 51%, 51%);
--hl-line-number-removed-color: hsl(3, 77%, 74%);
/* add Starry Night CSS properties for dark theme here */
}
}