diff --git a/src/main.tsx b/src/main.tsx
index bef5202..67bc821 100644
--- a/src/main.tsx
+++ b/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>,
 )
diff --git a/src/theme.ts b/src/theme.ts
new file mode 100644
index 0000000..b69ab39
--- /dev/null
+++ b/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;
\ No newline at end of file