Enable respectPrefersColorScheme

docusaurus.config.js

@@ -73,6 +73,11 @@ const config = {
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
+      colorMode: {
+        defaultMode: 'light',
+        disableSwitch: false,
+        respectPrefersColorScheme: true,
+      },
       // Replace with your project's social card
       image: 'img/card.png',
       navbar: {
@@ -112,7 +117,7 @@ const config = {
             position: 'left',
             label: 'Credits',
           },
-		  {to: '/blog', label: 'Blog', position: 'right'},
+          { to: '/blog', label: 'Blog', position: 'right' },
           {
             to: '/contactus',
             position: 'right',