diff --git a/src/main.tsx b/src/main.tsx
index c4fc9bb..8e95cd9 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,10 +1,17 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
+import { ThemeProvider } from '@mui/material/styles'
+import { CssBaseline } from '@mui/material'
+
 import App from './App.tsx'
+import theme from 'style/theme.ts'
 import './index.css'
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <App />
+    <ThemeProvider theme={theme}>
+      <CssBaseline />
+      <App />
+    </ThemeProvider>
   </React.StrictMode>
 )
diff --git a/src/style/theme.ts b/src/style/theme.ts
new file mode 100644
index 0000000..cdd7f24
--- /dev/null
+++ b/src/style/theme.ts
@@ -0,0 +1,20 @@
+import { createTheme } from '@mui/material/styles'
+
+// A custom theme for this app
+const theme = createTheme({
+  palette: {
+    mode: 'dark',
+    primary: {
+      main: '#e44c65',
+    },
+    secondary: {
+      main: '#3f51b5',
+    },
+    background: {
+      default: '#101018',
+      paper: '#1c1d26',
+    },
+  },
+})
+
+export default theme