fix: component is not able to use a custom theme anymore (#5952)

* Astro <Code> component is not able to use a custom theme anymore * Astro <Code> component is not able to use a custom theme anymore * Astro <Code> component is not able to use a custom theme anymore Co-authored-by: Nate Moore <[email protected]>
withastro · Jan 25, 2023 · aedf23f · aedf23f
1 parent 883e0cc
commit aedf23f
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/.changeset/ten-icons-raise.md b/.changeset/ten-icons-raise.md
@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+Astro <Code> component is not able to use a custom theme anymore
diff --git a/packages/astro/components/Code.astro b/packages/astro/components/Code.astro
@@ -57,8 +57,7 @@ const highlighter = await getHighlighter({
 	langs: typeof lang !== 'string' ? [lang] : undefined,
 });
 const _html = highlighter.codeToHtml(code, {
-	lang: typeof lang === 'string' ? lang : lang.id,
-	theme,
+	lang: typeof lang === 'string' ? lang : lang.id
 });
 const html = repairShikiTheme(_html);
 ---

diff --git a/packages/astro/components/Shiki.js b/packages/astro/components/Shiki.js
@@ -19,10 +19,13 @@ function stringify(opts) {
  */
 async function resolveHighlighter(opts) {
 	const resolvedThemes = [];
-	if (opts.theme && opts.theme in themes) {
+	if (Object.keys(opts.theme).length) {
+		resolvedThemes.push(opts.theme);
+	} else if (opts.theme && opts.theme in themes) {
 		resolvedThemes.push(await themes[opts.theme]());
 	}
 
+
 	let resolvedLanguages;
 	if (opts.langs) {
 		resolvedLanguages = opts.langs;