From 8842a7c89e188e49bd76fe916de0abdee50ebc26 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Sat, 12 Dec 2020 03:26:40 +0100
Subject: [PATCH] Add darkTheme to App

---
 pages/_app.js | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/pages/_app.js b/pages/_app.js
index 3f666c1..5dcc870 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,9 +1,20 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import Head from 'next/head'
-import {ThemeProvider} from '@material-ui/core/styles'
+import {createMuiTheme, ThemeProvider} from '@material-ui/core/styles'
 import CssBaseline from '@material-ui/core/CssBaseline'
-import theme from '../src/theme'
+
+const darkTheme = createMuiTheme({
+  palette: {
+    type: 'dark',
+    primary: {
+      light: '#81c784',
+      main: '#4caf50',
+      dark: '#388e3c',
+      contrastText: '#fff'
+    }
+  }
+})
 
 export default function MyApp(props) {
   const {Component, pageProps} = props
@@ -36,7 +47,7 @@ export default function MyApp(props) {
         <meta property='og:image:height' content='315' />
         <meta property='og:image:alt' content='Logo #OKi - Organisation KA Internationale' />
       </Head>
-      <ThemeProvider theme={theme}>
+      <ThemeProvider theme={darkTheme}>
         <CssBaseline />
         <Component {...pageProps} />
       </ThemeProvider>