docs: change highlighter theme

adrian-ub · Oct 22, 2024 · b7df536 · b7df536
1 parent 20c4b18
commit b7df536
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 386 deletions.
diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs
@@ -7,7 +7,6 @@ import { defineConfig } from 'astro/config'
 
 import { visit } from 'unist-util-visit'
 import { siteConfig } from './src/config/site'
-import blackout from './theme/dark.json'
 
 // Función recursiva para extraer todos los valores de texto
 function extractText(node) {
@@ -48,7 +47,7 @@ export default defineConfig({
   ],
   markdown: {
     shikiConfig: {
-      theme: blackout,
+      theme: 'github-dark-default',
       transformers: [transformerMetaHighlight()],
     },
     rehypePlugins: [

diff --git a/docs/src/components/component-preview/ComponentSource.astro b/docs/src/components/component-preview/ComponentSource.astro
@@ -5,7 +5,6 @@ import process from 'node:process'
 import { styles } from '@/registry/registry-styles'
 import { ui } from '@/registry/registry-ui'
 import { Code as CodeAstro } from 'astro/components'
-import blackout from '../../../theme/dark.json'
 import { CopyButton } from '../copy-button'
 
 import { Select, SelectContent, syncKey } from './select'
@@ -49,7 +48,7 @@ const allComponents = componentUi?.files?.flatMap((file) => {
                 {code
 ? (
                     <div class="relative">
-                        <CodeAstro code={code} lang="ts" theme={JSON.parse(JSON.stringify(blackout))} class="mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border !bg-zinc-950 py-4 dark:!bg-zinc-900 px-4" />
+                        <CodeAstro code={code} lang="ts" theme="github-dark-default" class="mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border !bg-zinc-950 py-4 dark:!bg-zinc-900 px-4" />
                         <CopyButton client:load {...{ rawString: code, withMeta: false }} />
                     </div>
                 )

diff --git a/docs/src/components/component-preview/RawCode.astro b/docs/src/components/component-preview/RawCode.astro
@@ -1,6 +1,5 @@
 ---
 import { Code as CodeAstro } from 'astro/components'
-import blackout from '../../../theme/dark.json'
 
 import { CopyButton } from '../copy-button'
 
@@ -12,6 +11,6 @@ const { code } = Astro.props
 ---
 
 <div data-raw-code class="relative">
-    <CodeAstro code={code} lang="ts" theme={JSON.parse(JSON.stringify(blackout))} class="mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border !bg-zinc-950 py-4 dark:!bg-zinc-900 px-4" />
+    <CodeAstro code={code} lang="ts" theme="github-dark-default" class="mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border !bg-zinc-950 py-4 dark:!bg-zinc-900 px-4" />
     <CopyButton client:load {...{ rawString: code, withMeta: false }} />
 </div>