fix: auto-detect OS/browser color theme on initial load (#1005)

Author: Khizarshah01

packages/docs/docusaurus.config.js

@@ -123,6 +123,11 @@ const config = {
           },
         ],
       },
+    colorMode: {
+     defaultMode: 'light',
+     disableSwitch: false,
+     respectPrefersColorScheme: true, 
+    },
       prism: {
         theme: prismThemes.github,
         darkTheme: prismThemes.dracula,

packages/docs/src/css/custom.css

@@ -5,7 +5,7 @@
  */
 
 /* You can override the default Infima variables here. */
-:root {
+[data-theme='light']:root {
   --ifm-color-primary: #1f3e05;
   --ifm-color-primary-dark: #29784c;
   --ifm-color-primary-darker: #277148;