Merge pull request #11595 from ethereum/site-background-color

Fix flashing color mode issue

Author: corwintines

src/@chakra-ui/gatsby-plugin/styles.ts

@@ -1,7 +1,5 @@
-import { mode } from "@chakra-ui/theme-tools"
-
 const styles = {
-  global: (props) => ({
+  global: {
     /**
      * THESE ARE OLD GLOBAL STYLES - carried over from old css files
      *
@@ -12,9 +10,7 @@ const styles = {
      * don't need the global styles anymore
      */
     body: {
-      // TODO: when we have Chakra v2, this should be done by overriding the
-      // native Chakra semantic tokens
-      bg: mode("white", "gray.800")(props),
+      bg: "background.base",
       lineHeight: "base",
       fontSize: "md",
     },
@@ -83,7 +79,7 @@ const styles = {
       lineHeight: "base",
       fontFamily: "monospace",
     },
-  }),
+  },
 }
 
 export default styles