diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 1cdefcc4..5d23f70c 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -61,7 +61,8 @@ presets: [
   themeConfig: {
     image: 'img/oc-docs-social-card.jpg',
     colorMode: {
-      defaultMode: 'light'
+      defaultMode: 'light',
+      respectPrefersColorScheme: true
     },
     navbar: {
       logo: {