From da5e8f0db09c82a25c1ff17cf6f24301025781e6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= Date: Sat, 18 May 2024 09:26:18 +0400 Subject: [PATCH] Set theme to dark --- app/layout.js | 2 ++ src/theme.js | 14 ++++++++++++++ 2 files changed, 16 insertions(+) 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