1 files changed, 12 insertions, 8 deletions
diff --git a/components/Layout.js b/components/Layout.js
index 8b6cf87..0b8348c 100644
--- a/components/Layout.js
+++ b/components/Layout.js
@@ -1,3 +1,4 @@
+import styles from 'styles/Main.module.scss'
 import React, {useState} from 'react'
 import Head from 'next/head'
 import Context from '../context';
@@ -6,18 +7,21 @@ import Popup from './Popup'
 import PropTypes from 'prop-types'
 
 const Layout = ({ children, apps, setApps}) => {
+  const [options, setOptions] = useState({theme: 'dark'})
   const [popup, setPopup] = useState({})
 
   return (
     <Context.Provider value={{ setPopup }}>
-      <Head>
-        <title>Notes App</title>
-      </Head>
-      <main>
-        <div className="container">{children}</div>
-      </main>
-      <Header apps={apps} setApps={setApps} />
-      <Popup popup={popup} />
+      <section className={styles.layout+' '+options.theme}>
+        <Head>
+          <title>My Apps</title>
+        </Head>
+        <main>
+          <div className="container">{children}</div>
+        </main>
+        <Header apps={apps} setApps={setApps} />
+        <Popup popup={popup} />
+      </section>
     </Context.Provider>
   )
 }