From 2afd4ec6fbb63d03d21a8114c25abeff1cdd5a8b Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Sun, 31 Aug 2025 00:01:38 +0200
Subject: feat: switching theme across entire site

---
 apps/web/src/components/theme-toggle.tsx | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 apps/web/src/components/theme-toggle.tsx

(limited to 'apps/web/src/components/theme-toggle.tsx')

diff --git a/apps/web/src/components/theme-toggle.tsx b/apps/web/src/components/theme-toggle.tsx
new file mode 100644
index 00000000..8302a19c
--- /dev/null
+++ b/apps/web/src/components/theme-toggle.tsx
@@ -0,0 +1,25 @@
+"use client";
+
+import { Button } from "./ui/button";
+import { Sun, Moon } from "lucide-react";
+import { useTheme } from "next-themes";
+
+interface ThemeToggleProps {
+  className?: string;
+}
+
+export function ThemeToggle({ className }: ThemeToggleProps) {
+  const { theme, setTheme } = useTheme();
+
+  return (
+    <Button
+      size="icon"
+      variant="text"
+      className="h-7"
+      onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
+    >
+      <Sun className="!size-[1.1rem]" />
+      <span className="sr-only">{theme === "dark" ? "Light" : "Dark"}</span>
+    </Button>
+  );
+}
-- 
cgit v1.3.1