this repo has no description
Apply shiki syntax highlighting
+13
-10
+7
astro.config.mjs
+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
+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