diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index a2361eb..0311349 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -58,6 +58,9 @@ const config: Config = {
 
   themeConfig: {
     image: 'logo/opengraph.png',
+    colorMode: {
+      respectPrefersColorScheme: true,
+    },
     navbar: {
       // title: 'Velopack',
       hideOnScroll: false,