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