diff --git a/docs/docusaurus.config.ts b/docs/docusaurus.config.ts
index 5aa932e7..5d3ed22e 100644
--- a/docs/docusaurus.config.ts
+++ b/docs/docusaurus.config.ts
@@ -232,7 +232,7 @@ const config: Config = {
       darkTheme: prismThemes.vsDark,
     },
     mermaid: {
-      theme: { light: "base", dark: "base" },
+      theme: { light: "base", dark: "dark" },
       options: {
         themeVariables: {
           // Light mode colors (bluish) - matches Docusaurus theme
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index c2c14032..1301f74a 100644
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -36,6 +36,7 @@
 [data-theme="dark"] {
   --ifm-color-primary: rgb(66, 153, 224);
   --docusaurus-highlighted-code-line-bg: rgb(55, 68, 79);
+  --ifm-code-background: hsl(230, 15%, 15%);
 }
 
 .landing-button-vertical {