From 2170598e86b72eac80c495bfd3cc4a0765795e99 Mon Sep 17 00:00:00 2001 From: Jandson Vitorino Date: Mon, 22 Jan 2024 12:04:08 -0300 Subject: [PATCH] Closes #220 - organization of the themes, was placed in their appropriate folders. --- frontend/pages/_app.js | 21 ++++----------------- frontend/themes/dark.js | 9 +++++++++ frontend/themes/light.js | 28 +++++----------------------- 3 files changed, 18 insertions(+), 40 deletions(-) create mode 100644 frontend/themes/dark.js diff --git a/frontend/pages/_app.js b/frontend/pages/_app.js index d2265d1..0278f92 100644 --- a/frontend/pages/_app.js +++ b/frontend/pages/_app.js @@ -1,5 +1,5 @@ import CssBaseline from '@mui/material/CssBaseline' -import { ThemeProvider, createTheme } from '@mui/material/styles' +import { ThemeProvider } from '@mui/material/styles' import Head from 'next/head' import { useRouter } from 'next/router' import PropTypes from 'prop-types' @@ -7,6 +7,8 @@ import { useEffect, useState } from 'react' import { QueryClient, QueryClientProvider } from 'react-query' import Footer from '../components/Footer' import { AuthProvider } from '../contexts/AuthContext' +import lightTheme from '../themes/light' +import darkTheme from '../themes/dark' import '../styles/global.css' import Header from '../components/Header' @@ -29,21 +31,6 @@ export default function MyApp(props) { } }, []) - const light = createTheme({ - palette: { - mode: 'light', - background: { - default: '#f1f1f1' - } - } - }) - - const dark = createTheme({ - palette: { - mode: 'dark' - } - }) - return ( <> @@ -54,7 +41,7 @@ export default function MyApp(props) { /> - +