1 files changed, 6 insertions, 59 deletions
diff --git a/lib/theme.tsx b/lib/theme.tsx
index ad9e6dc..2309bff 100644
--- a/lib/theme.tsx
+++ b/lib/theme.tsx
@@ -1,66 +1,13 @@
-import { extendTheme } from "@chakra-ui/react"
+import { extendTheme ,type ThemeConfig } from "@chakra-ui/react"
 import { mode } from '@chakra-ui/theme-tools'
+import type { StyleFunctionProps } from '@chakra-ui/styled-system'
 
-type propsType = any
-
-const styles = {
-  global: (props : propsType) => {
-    body: {
-      bg: mode('#d5d6db', '#24283b')(props);
-      color: mode('#0f4b6e', '#7dcfff')(props);
-    }
-  }
-}
-
-const components = {
-  Link: {
-    baseStyle: (props : propsType) => {
-      color: mode('#34548a', '##34548a')(props);
-      textUnderlineOffset: 3;
-    }
-  },
-  Heading: {
-    baseStyle: {
-    },
-    variants: {
-      'section-title': {
-        fontSize: 20,
-        marginBottom: 2,
-      },
-      'main-title': {
-        fontSize: 30.
-      }
-    }
-  },
-  Text: {
-    baseStyle: {
-      textAlign: 'justify',
-      textIndent: '1em'
-    },
-    variants: {
-      'main-title': {
-        fontSize: '1em',
-        textIndent: 0
-      }
-    }
-  }
-}
-
-const fonts = {
-  body: `'Lato', sans-serif`,
-}
-
-const config = {
-  initialColorMode: 'dark',
+const config: ThemeConfig = {
+  initialColorMode: 'light',
   useSystemColorMode: false,
 }
 
-const theme = extendTheme({
-  config,
-  styles,
-  fonts,
-  components
-})
-
+// 3. extend the theme
+const theme = extendTheme({ config })
 
 export default theme