UNPKG

@microflash/rehype-starry-night

Version:

rehype plugin to highlight codeblocks with Starry Night

31 lines (27 loc) 1.2 kB
: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 */ } }