Placeholderrr

pages/_app.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import Head from 'next/head';
-import { CssBaseline, AppBar, Toolbar, Typography, Button } from '@mui/material';
-
+import { CssBaseline, AppBar, Toolbar, Typography, Button, ThemeProvider } from '@mui/material';
+import darkTheme from '../src/theme';
 export default function MyApp(props) {
   const { Component, pageProps } = props;
 
@@ -19,19 +19,20 @@ export default function MyApp(props) {
         <title>My Next.js with MUI App</title>
         <meta name="viewport" content="initial-scale=1, width=device-width" />
       </Head>
-      <CssBaseline />
+      <ThemeProvider theme={darkTheme}>
+        <CssBaseline />
 
-      {/* Global AppBar */}
-      <AppBar position="static">
-        <Toolbar>
-          <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
-            My App
-          </Typography>
-          <Button color="inherit">Login</Button>
-        </Toolbar>
-      </AppBar>
-
-      <Component {...pageProps} />
+        {/* Global AppBar */}
+        <AppBar position="static">
+          <Toolbar>
+            <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
+              LAMINAX
+            </Typography>
+          </Toolbar>
+        </AppBar>
+        <br />
+        <Component {...pageProps} />
+      </ThemeProvider>
     </React.Fragment>
   );
 }