diff --git a/docs/templates/custom.css b/docs/templates/custom.css
index a9e44eeb2..e428a7d43 100644
--- a/docs/templates/custom.css
+++ b/docs/templates/custom.css
@@ -106,6 +106,14 @@ body {
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }
 
+/* Logo styling - swap to light logo in dark mode for better visibility */
+@media (prefers-color-scheme: dark) {
+  .logo {
+    /* Replace the dark logo with the light logo in dark mode */
+    content: url("https://docs.airbyte.com/img/logo-light.png");
+  }
+}
+
 /* Enhanced heading styles */
 h1, h2, h3, h4, h5, h6 {
   font-weight: 600;
diff --git a/docs/templates/theme.css b/docs/templates/theme.css
index 34668c129..764235c96 100644
--- a/docs/templates/theme.css
+++ b/docs/templates/theme.css
@@ -20,3 +20,27 @@
     --def: #3f3bff;
     --annotation: #007020;
 }
+
+/* Dark mode theme */
+@media (prefers-color-scheme: dark) {
+    :root {
+        --pdoc-background: #212529;
+    }
+
+    .pdoc {
+        --text: hsl(240, 10%, 90%);
+        --muted: #9d9d9d;
+        --link: #9492ff;
+        --link-hover: #c8c7ff;
+        --code: hsl(252, 25%, 18%);
+        --active: #555;
+
+        --accent: hsl(240, 14%, 14%);
+        --accent2: #555;
+
+        --nav-hover: rgba(0, 0, 0, 0.1);
+        --name: #9492ff;
+        --def: #8381ff;
+        --annotation: #00c037;
+    }
+}