diff --git a/app/layout.tsx b/app/layout.tsx
new file mode 100644
index 0000000..c59c454
--- /dev/null
+++ b/app/layout.tsx
@@ -0,0 +1,76 @@
+'use client'
+import Script from "next/script"
+import Footer from "../components/footer"
+import Navbar from "../components/navbar"
+import StyleSelector from "../components/themeselector"
+import styles from "../styles/Home.module.css"
+import { Page } from '../components/styles/generic'
+import { DefaultTheme, ThemeProvider } from 'styled-components';
+import { createContext, useContext, useEffect, useState } from "react"
+import { setCookie } from "cookies-next"
+import { darkTheme } from "../components/themes"
+
+const ThemeUpdateContext = createContext(
+ (theme: DefaultTheme) => console.error("attempted to set theme outside of a ThemeUpdateContext.Provider")
+)
+
+// eslint-disable-next-line react-hooks/rules-of-hooks
+export const useUpdateTheme = () => useContext(ThemeUpdateContext);
+
+export default function Layout({ children, }: { children: React.ReactNode }) {
+ const [selectedTheme, setselectedTheme] = useState(darkTheme);
+ console.log("Selected Theme: ", selectedTheme); // DEBUG
+
+
+ return (
+
+
+
+
+
+
+
+
+ {children}
+
+
+
+
+
+
+
+ )
+}
+
+{/*
+
+
+
+ {children}
+
+
+ */}
+
+/*
+
+