From 7b9df30d05f793d206c827a5fe242fcbb81a716f Mon Sep 17 00:00:00 2001
From: Mosh Hamedani <programmingwithmosh@gmail.com>
Date: Tue, 28 Feb 2023 10:16:23 -0800
Subject: [PATCH] Implement dark mode

---
 src/main.tsx | 6 ++++--
 src/theme.ts | 9 +++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 src/theme.ts

diff --git a/src/main.tsx b/src/main.tsx
index dc0e712..cf1e014 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,12 +1,14 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-import { ChakraProvider } from '@chakra-ui/react'
+import { ChakraProvider, ColorModeScript } from '@chakra-ui/react'
 import App from './App'
+import theme from './theme'
 import './index.css'
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>
-    <ChakraProvider>
+    <ChakraProvider theme={theme}>
+      <ColorModeScript initialColorMode={theme.config.initialColorMode}/>
       <App />
     </ChakraProvider>
   </React.StrictMode>,
diff --git a/src/theme.ts b/src/theme.ts
new file mode 100644
index 0000000..1e51aab
--- /dev/null
+++ b/src/theme.ts
@@ -0,0 +1,9 @@
+import { extendTheme, ThemeConfig } from "@chakra-ui/react";
+
+const config: ThemeConfig = {
+  initialColorMode: 'dark'
+};
+
+const theme = extendTheme({ config });
+
+export default theme;
\ No newline at end of file