Override styled components default theme

This commit is contained in:
Hazem Krimi
2021-01-07 14:45:14 +01:00
parent 0eaf23ad60
commit 065413eaf5
5 changed files with 80 additions and 24 deletions
+12 -7
View File
@@ -4,10 +4,11 @@ import Nav from '../components/Nav';
import DarkMode from '../components/DarkMode';
import Container from '../components/Container';
import GlobalStyles from '../components/GlobalStyles';
import Theme from '../components/Theme';
const App = ({ Component, pageProps }: AppProps) => {
return (
<DarkMode>
<>
<Head>
<link rel='preconnect' href='https://fonts.gstatic.com' />
<link
@@ -16,12 +17,16 @@ const App = ({ Component, pageProps }: AppProps) => {
/>
<title>Hazem Krimi</title>
</Head>
<GlobalStyles />
<Container>
<Nav />
<Component {...pageProps} />
</Container>
</DarkMode>
<DarkMode>
<Theme>
<GlobalStyles />
<Container>
<Nav />
<Component {...pageProps} />
</Container>
</Theme>
</DarkMode>
</>
);
};