Merge pull request #11 from onemanfighter/amitraikwar/add-theme

feat(): Fixing themes

src/components/Theme/theme.ts

@@ -1,4 +1,4 @@
-import { ThemeConfig, extendBaseTheme } from '@chakra-ui/react';
+import { ThemeConfig, extendTheme } from '@chakra-ui/react';
 import colors from './colors';
 import { fontSize, fontWeight, lineHeight, zIndices } from './fonts';
 
@@ -17,6 +17,6 @@ const themeData = {
   zIndices: { ...zIndices },
 };
 
-const theme = extendBaseTheme(themeData);
+const theme = extendTheme(themeData);
 
 export default theme;

src/providers/theme/ThemeProvider.tsx

@@ -1,14 +1,9 @@
-import { ChakraProvider, ColorModeScript } from '@chakra-ui/react';
+import { ChakraProvider } from '@chakra-ui/react';
 import { theme } from '@components';
 import { ThemeProviderProps } from './types';
 
 const ThemeProvider = ({ children }: ThemeProviderProps) => {
-  return (
-    <ChakraProvider theme={theme} cssVarsRoot="body">
-      <ColorModeScript initialColorMode={theme.config.initialColorMode} />
-      {children}
-    </ChakraProvider>
-  );
+  return <ChakraProvider theme={theme}>{children}</ChakraProvider>;
 };
 
 export default ThemeProvider;