diff --git a/docs/src/components/hero/Hero.astro b/docs/src/components/hero/Hero.astro
index 999ad21..ad12339 100644
--- a/docs/src/components/hero/Hero.astro
+++ b/docs/src/components/hero/Hero.astro
@@ -93,7 +93,7 @@ const finalCode = demoCode.slice(0, demoCode.indexOf('\n<style'))
     isolation: isolate;
     padding: 0.3rem 1rem;
     /* shiki */
-    background-color: #0d1117;
+    background-color: #24292e;
     font-size: 1em;
     width: 100%;
   }