Merge pull request #165 from akd-io/feature/109-remove-colormodeprovider-in-generate

Remove ColorModeProvider

Author: akd-io

src/main/plugins/chakra-ui/chakra-ui.ts

@@ -40,20 +40,13 @@ export const chakraUIPlugin = createPlugin({
   slots: {
     app: {
       imports: endent`
-        import { ChakraProvider, ColorModeProvider } from "@chakra-ui/react";
+        import { ChakraProvider } from "@chakra-ui/react";
         import { chakraTheme } from "../chakra-theme";
       `,
       componentsStart: endent`
-        <ChakraProvider resetCSS theme={chakraTheme}>
-          <ColorModeProvider
-            options={{
-              initialColorMode: chakraTheme.config.initialColorMode,
-              useSystemColorMode: chakraTheme.config.useSystemColorMode,
-            }}
-          >
+        <ChakraProvider theme={chakraTheme}>
       `,
       componentsEnd: endent`
-          </ColorModeProvider>
         </ChakraProvider>
       `,
     },

src/main/plugins/chakra-ui/setup/chakra-theme.ts

@@ -3,18 +3,10 @@ import endent from "endent"
 export const chakraTheme = endent`
   import { extendTheme, ThemeConfig } from "@chakra-ui/react";
 
-  const colors = {
-    brand: {
-      900: "#1a365d",
-      800: "#153e75",
-      700: "#2a69ac",
-    },
-  };
-
   const config: ThemeConfig = {
     initialColorMode: "light",
     useSystemColorMode: false,
   };
 
-  export const chakraTheme = extendTheme({ colors, config });
+  export const chakraTheme = extendTheme({ config });
 `