Fix code highlighting (#163)

Hugos68 · web-flow · commit e713eba5d550 · 2025-01-14T21:13:33.000+01:00
diff --git a/sites/floating-ui-svelte.vercel.app/src/app.pcss b/sites/floating-ui-svelte.vercel.app/src/app.pcss
@@ -236,11 +236,3 @@ footer .anchor {
 		transform: translateY(0px);
 	}
 }
-
-/* Shiki Highlighting --- */
-
-html.dark .shiki,
-html.dark .shiki span {
-	color: var(--shiki-dark) !important;
-	background-color: var(--shiki-dark-bg) !important;
-}
diff --git a/sites/floating-ui-svelte.vercel.app/src/lib/components/CodeBlock/CodeBlock.svelte b/sites/floating-ui-svelte.vercel.app/src/lib/components/CodeBlock/CodeBlock.svelte
@@ -41,7 +41,7 @@ const highlightedLineNumbers = $derived(
 
 const renderedCode = $derived(
 	highlighter.codeToHtml(code.trim(), {
-		lang,
+		lang: lang,
 		theme: MoonlightDark as ThemeRegistration,
 		transformers: [
 			/**

Original file line number	Diff line number	Diff line change
`@@ -236,11 +236,3 @@ footer .anchor {`
`236`	`236`	`transform: translateY(0px);`
`237`	`237`	`}`
`238`	`238`	`}`
`239`		`-`
`240`		`-/* Shiki Highlighting --- */`
`241`		`-`
`242`		`-html.dark .shiki,`
`243`		`-html.dark .shiki span {`
`244`		`- color: var(--shiki-dark) !important;`
`245`		`- background-color: var(--shiki-dark-bg) !important;`
`246`		`-}`