diff --git a/documentation/docusaurus.config.ts b/documentation/docusaurus.config.ts
index f07e7892edc7..cd2194f91181 100644
--- a/documentation/docusaurus.config.ts
+++ b/documentation/docusaurus.config.ts
@@ -288,6 +288,9 @@ const config: Config = {
   themeConfig: {
     // Replace with your project's social card
     image: "img/home-banner.png",
+    colorMode: {
+      respectPrefersColorScheme: true
+    },
     navbar: {
       title: "",
       logo: {
@@ -460,4 +463,4 @@ const config: Config = {
 };
 
 
-export default config;
\ No newline at end of file
+export default config;