From 5c3d2b08559159a7b76933aea975d107ff127ae6 Mon Sep 17 00:00:00 2001
From: molebox <rich@vercel.com>
Date: Wed, 7 Oct 2026 09:47:14 +0200
Subject: [PATCH 1/3] fix(docs): restore dark-mode syntax colors in homepage
 code blocks

---
 docs/app/styles/geistdocs.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/docs/app/styles/geistdocs.css b/docs/app/styles/geistdocs.css
index d0b6d3ae7e..e8f3219c8c 100644
--- a/docs/app/styles/geistdocs.css
+++ b/docs/app/styles/geistdocs.css
@@ -50,6 +50,14 @@
   }
 }
 
+/* The homepage CodeBlock renders dual-theme Shiki output (defaultColor: false),
+   so each token carries --shiki-light and --shiki-dark. fumadocs-ui's shiki.css
+   switches to --shiki-dark only under `.dark`, but Geistdocs 2.x marks dark mode
+   with `.dark-theme` on <html>, which left the light palette on a dark page. */
+.dark-theme .shiki:not(.not-fumadocs-codeblock *) code span {
+  color: var(--shiki-dark);
+}
+
 /* Align docs content with the navbar on narrow containers. */
 @container (max-width: 960px) {
   #nd-page {

From c014d734ae8b8f125f4a85d0022a2e7f999feb90 Mon Sep 17 00:00:00 2001
From: christopherkindl <53372002+christopherkindl@users.noreply.github.com>
Date: Wed, 7 Oct 2026 14:05:28 +0200
Subject: [PATCH 2/3] Use Geistdocs shared Shiki theme

---
 docs/app/styles/geistdocs.css | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/docs/app/styles/geistdocs.css b/docs/app/styles/geistdocs.css
index e8f3219c8c..d0b6d3ae7e 100644
--- a/docs/app/styles/geistdocs.css
+++ b/docs/app/styles/geistdocs.css
@@ -50,14 +50,6 @@
   }
 }
 
-/* The homepage CodeBlock renders dual-theme Shiki output (defaultColor: false),
-   so each token carries --shiki-light and --shiki-dark. fumadocs-ui's shiki.css
-   switches to --shiki-dark only under `.dark`, but Geistdocs 2.x marks dark mode
-   with `.dark-theme` on <html>, which left the light palette on a dark page. */
-.dark-theme .shiki:not(.not-fumadocs-codeblock *) code span {
-  color: var(--shiki-dark);
-}
-
 /* Align docs content with the navbar on narrow containers. */
 @container (max-width: 960px) {
   #nd-page {

From ba04069716d7cabbf47ef49ae9d2264ded5d9dd7 Mon Sep 17 00:00:00 2001
From: christopherkindl <53372002+christopherkindl@users.noreply.github.com>
Date: Wed, 7 Oct 2026 14:16:12 +0200
Subject: [PATCH 3/3] Use Geistdocs syntax highlighting on homepage

---
 docs/app/[lang]/(home)/components/code-block.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/docs/app/[lang]/(home)/components/code-block.tsx b/docs/app/[lang]/(home)/components/code-block.tsx
index 17c0123c96..5713808c63 100644
--- a/docs/app/[lang]/(home)/components/code-block.tsx
+++ b/docs/app/[lang]/(home)/components/code-block.tsx
@@ -1,3 +1,4 @@
+import { geistShikiTheme } from '@vercel/geistdocs/shiki-theme';
 import { codeToHtml } from 'shiki';
 import { cn } from '@/lib/utils';
 
@@ -12,11 +13,7 @@ type CodeBlockProps = {
 export const CodeBlock = async ({ code, lang, codeblock }: CodeBlockProps) => {
   const html = await codeToHtml(code, {
     lang,
-    themes: {
-      light: 'github-light-default',
-      dark: 'github-dark-default',
-    },
-    defaultColor: false,
+    theme: geistShikiTheme,
   });
 
   return (