this repo has no description
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Apply shiki syntax highlighting

+13 -10
+7
astro.config.mjs
··· 16 16 markdown: { 17 17 // @ts-expect-error idk why this gets flagged as wrong 18 18 rehypePlugins: [rehypeAccessibleEmojis, rehypeCustomHtml], 19 + shikiConfig: { 20 + themes: { 21 + dark: "catppuccin-frappe", 22 + light: "catppuccin-latte", 23 + }, 24 + defaultColor: false, 25 + }, 19 26 }, 20 27 });
+6 -10
src/pages/blog/[id].astro
··· 231 231 & pre:has(> code) { 232 232 padding: 0.5rem; 233 233 border-radius: 1rem; 234 - --border: light-dark( 235 - /* CHANGE */ hsl(from var(--bg) h s calc(l * 0.5)), 236 - hsl(from var(--bg) h s calc(l * 1.5)) 237 - ); 238 - border: 0.2rem solid var(--border); 234 + } 239 235 240 - [data-mode="light"] & { 241 - --border: hsl(from var(--bg) h s calc(l * 0.5)); /* CHANGE */ 242 - } 236 + .astro-code { 237 + background-color: var(--bg-secondary) !important; 243 238 244 - [data-mode="dark"] & { 245 - --border: hsl(from var(--bg) h s calc(l * 1.5)); /* CHANGE */ 239 + &, 240 + & span { 241 + color: light-dark(var(--shiki-light), var(--shiki-dark)) !important; 246 242 } 247 243 } 248 244