diff --git a/src/layouts/main.astro b/src/layouts/main.astro
index f5027a7..8d54ace 100644
--- a/src/layouts/main.astro
+++ b/src/layouts/main.astro
@@ -121,6 +121,30 @@ const locale = pathname.startsWith("/en")
       [data-facet="code"] > footer button {
         color: var(--facet-color) !important;
       }
+
+      .dark [data-facet="code"] > footer {
+        background-color: rgba(30, 10, 45, 0.95) !important;
+        border-color: rgba(75, 24, 98, 0.5) !important;
+      }
+
+      .dark [data-facet="code"] > footer,
+      .dark [data-facet="code"] > footer p,
+      .dark [data-facet="code"] > footer svg,
+      .dark [data-facet="code"] > footer button {
+        color: rgba(255, 255, 255, 0.6) !important;
+      }
+
+      .dark [data-facet="code"] > footer a {
+        color: rgba(255, 255, 255, 0.5) !important;
+      }
+
+      .dark [data-facet="code"] > footer a:hover {
+        color: white !important;
+      }
+
+      .dark [data-facet="code"] > footer .language-switcher .font-semibold {
+        color: white !important;
+      }
     </style>
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />