feat: removed dark theme and theme switching (#190)

src/App.tsx

@@ -1,4 +1,4 @@
-import { ReactElement, useEffect, useState } from 'react'
+import { ReactElement } from 'react'
 import { BrowserRouter as Router } from 'react-router-dom'
 import './App.css'
 
@@ -8,58 +8,35 @@ import { SnackbarProvider } from 'notistack'
 
 import BaseRouter from './routes/routes'
 import Dashboard from './layout/Dashboard'
-import { lightTheme, darkTheme } from './theme'
+import { theme } from './theme'
 import { Provider as StampsProvider } from './providers/Stamps'
 import { Provider as PlatformProvider } from './providers/Platform'
 import { Provider as BeeProvider } from './providers/Bee'
 import { Provider as SettingsProvider } from './providers/Settings'
 
-const App = (): ReactElement => {
-  const [themeMode, toggleThemeMode] = useState('light')
-
-  useEffect(() => {
-    const theme = localStorage.getItem('theme')
-
-    if (theme) {
-      toggleThemeMode(String(localStorage.getItem('theme')))
-    } else if (window?.matchMedia('(prefers-color-scheme: dark)')?.matches) {
-      toggleThemeMode('dark')
-    }
-
-    window?.matchMedia('(prefers-color-scheme: dark)')?.addEventListener('change', e => {
-      toggleThemeMode(e?.matches ? 'dark' : 'light')
-    })
-
-    return () =>
-      window?.matchMedia('(prefers-color-scheme: dark)')?.removeEventListener('change', e => {
-        toggleThemeMode(e?.matches ? 'dark' : 'light')
-      })
-  }, [])
-
-  return (
-    <div className="App">
-      <ThemeProvider theme={themeMode === 'light' ? lightTheme : darkTheme}>
-        <SettingsProvider>
-          <BeeProvider>
-            <StampsProvider>
-              <PlatformProvider>
-                <SnackbarProvider>
-                  <Router>
-                    <>
-                      <CssBaseline />
-                      <Dashboard>
-                        <BaseRouter />
-                      </Dashboard>
-                    </>
-                  </Router>
-                </SnackbarProvider>
-              </PlatformProvider>
-            </StampsProvider>
-          </BeeProvider>
-        </SettingsProvider>
-      </ThemeProvider>
-    </div>
-  )
-}
+const App = (): ReactElement => (
+  <div className="App">
+    <ThemeProvider theme={theme}>
+      <SettingsProvider>
+        <BeeProvider>
+          <StampsProvider>
+            <PlatformProvider>
+              <SnackbarProvider>
+                <Router>
+                  <>
+                    <CssBaseline />
+                    <Dashboard>
+                      <BaseRouter />
+                    </Dashboard>
+                  </>
+                </Router>
+              </SnackbarProvider>
+            </PlatformProvider>
+          </StampsProvider>
+        </BeeProvider>
+      </SettingsProvider>
+    </ThemeProvider>
+  </div>
+)
 
 export default App