Add theming boilerplate

src/main.tsx

@@ -2,9 +2,13 @@ import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import './index.css'
 import App from './App.tsx'
+import { CssVarsProvider } from '@mui/joy'
+import theme from "./theme.ts";
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <App />
+      <CssVarsProvider theme={theme}>
+          <App />
+      </CssVarsProvider>;
   </StrictMode>,
 )

src/theme.ts

@@ -0,0 +1,20 @@
+import { extendTheme } from '@mui/joy/styles';
+
+
+declare module '@mui/joy/styles' {
+    // No custom tokens found, you can skip the theme augmentation.
+}
+
+
+const theme = extendTheme({
+    "colorSchemes": {
+        "light": {
+            "palette": {}
+        },
+        "dark": {
+            "palette": {}
+        }
+    }
+})
+
+export default theme;