diff --git a/app/layout.js b/app/layout.js index 1811673..4060734 100644 --- a/app/layout.js +++ b/app/layout.js @@ -4,6 +4,7 @@ import '@fontsource/roboto/300.css' import '@fontsource/roboto/400.css' import '@fontsource/roboto/500.css' import '@fontsource/roboto/700.css' +import CssBaseline from '@mui/material/CssBaseline' import theme from '../src/theme.js' export default function RootLayout({children}) { // eslint-disable-line react/prop-types @@ -12,6 +13,7 @@ export default function RootLayout({children}) { // eslint-disable-line react/pr + {children} diff --git a/src/theme.js b/src/theme.js index a4a1ac7..ae4aafb 100644 --- a/src/theme.js +++ b/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