diff --git a/docs/docusaurus.config.ts b/docs/docusaurus.config.ts
index 88de4e20..807aaccf 100644
--- a/docs/docusaurus.config.ts
+++ b/docs/docusaurus.config.ts
@@ -37,6 +37,9 @@ const config: Config = {
 
   themeConfig: {
     image: "img/pingvinshare.svg",
+    colorMode:{
+      respectPrefersColorScheme: true,
+    },
     navbar: {
       title: "Pingvin Share",
       logo: {