diff --git a/src/App.js b/src/App.js
index d4c5ec6..62ce149 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,15 +1,19 @@
 import * as React from 'react';
+
 import AppBar from '@mui/material/AppBar';
 import Box from '@mui/material/Box';
-import Toolbar from '@mui/material/Toolbar';
-import Typography from '@mui/material/Typography';
 import Button from '@mui/material/Button';
-import TextField from '@mui/material/TextField';
+import CssBaseline from '@mui/material/CssBaseline';
 import Dialog from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
 import DialogContent from '@mui/material/DialogContent';
 import DialogContentText from '@mui/material/DialogContentText';
 import DialogTitle from '@mui/material/DialogTitle';
+import TextField from '@mui/material/TextField';
+import Toolbar from '@mui/material/Toolbar';
+import Typography from '@mui/material/Typography';
+
+import { ThemeProvider, createTheme } from '@mui/material/styles';
 
 // Leaflet
 import { MapContainer } from 'react-leaflet/MapContainer'
@@ -103,4 +107,19 @@ export default function App() {
       <RoomResearch />
     </div>
   </>
+}
+
+const darkTheme = createTheme({
+  palette: {
+    mode: 'dark',
+  },
+});
+
+function ThemedApp() {
+  return (
+    <ThemeProvider theme={darkTheme}>
+      <CssBaseline />
+      <App/>
+    </ThemeProvider>
+  );
 }
\ No newline at end of file