Set theme to dark

src/theme.js

@@ -2,6 +2,7 @@
 
 import {Roboto} from 'next/font/google'
 import {createTheme} from '@mui/material/styles'
+import {grey} from '@mui/material/colors'
 
 const roboto = Roboto({ // eslint-disable-line new-cap
   weight: ['300', '400', '500', '700'],
@@ -13,6 +14,19 @@ const theme = createTheme({
   typography: {
     fontFamily: roboto.style.fontFamily,
   },
+  palette: {
+    mode: 'dark',
+    primary: grey,
+    divider: grey[700],
+    background: {
+      default: grey[900],
+      paper: grey[800],
+    },
+    text: {
+      primary: '#fff',
+      secondary: grey[500],
+    },
+  },
 })
 
 export default theme