Merge pull request #13676 from ethereum/fix-color-theme-sync

Fix color themes sync

Author: wackerow

src/@chakra-ui/theme.ts

@@ -7,7 +7,15 @@ import semanticTokens from "./semanticTokens"
 const config: ThemeConfig = {
   cssVarPrefix: "eth",
   initialColorMode: "system",
-  useSystemColorMode: true,
+  /**
+   * Disable Chakra's system color subscription, as it works differently from
+   * `next-themes` and causes a desync with it.
+   *
+   * Chakra will always change the color mode based on the system preference.
+   * While `next-themes` will only change to the system preference if the user
+   * has `system` as their active theme.
+   */
+  useSystemColorMode: false,
 }
 
 /**