diff --git a/src/app/components/themeswitcher.tsx b/src/app/components/themeswitcher.tsx
new file mode 100644
index 0000000..993d287
--- /dev/null
+++ b/src/app/components/themeswitcher.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import React from 'react';
+
+export default function ThemeSwitcher(){
+	const [theme, setTheme] = React.useState("dark");
+
+	React.useEffect(() => {document.body.setAttribute("data-theme", theme)});
+
+	return(
+		<ul className="p-2 right-0 text-base-content">
+			<li><a onClick={() => setTheme("light")}>Light</a></li>
+			<li><a onClick={() => setTheme("dark")}>Dark</a></li>
+			<li><a onClick={() => setTheme("synthwave")}>Synthwave</a></li>
+			<li><a onClick={() => setTheme("cyberpunk")}>Cyberpunk</a></li>
+			<li><a onClick={() => setTheme("valentine")}>Valentine</a></li>
+		</ul>
+	);
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index cbbcaab..ec741ed 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -15,7 +15,7 @@ export default function RootLayout({
   children: React.ReactNode
 }) {
   return (
-    <html lang="en" data-theme="winter">
+    <html lang="en" data-theme="dark">
       <body className="bg-base-100 base-content flex flex-col h-screen">{children}</body>
     </html>
   )
diff --git a/src/app/page.tsx b/src/app/page.tsx
index d24aeb7..d421b6a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,5 @@
 import BingoController from './components/bingocontroller.tsx'
+import ThemeSwitcher from './components/themeswitcher.tsx'
 
 export default function Home(){
 	return(
@@ -15,10 +16,7 @@ export default function Home(){
 		<li>
 		<details>
 			<summary>Theme</summary>
-			<ul>
-				<li><a>Theme 1</a></li>
-				<li><a>Theme 2</a></li>
-			</ul>
+			<ThemeSwitcher/>
 		</details>
 		</li>
 		</ul>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index d0878a7..ae466fe 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -7,7 +7,7 @@ const config: Config = {
 	},
 	plugins: [require("daisyui")],
 	daisyui: {
-		themes: ["synthwave"]
+		themes: ["light", "dark", "synthwave", "cyberpunk", "valentine"]
 	}
 };
 
