From feedd866cc04b003cb6cdf3dcabdc9b2319edf97 Mon Sep 17 00:00:00 2001
From: Jake Jarvis <jake@jarv.is>
Date: Sat, 3 Oct 2026 08:53:05 -0400
Subject: [PATCH] fix: theme toggle no-op on first click in system mode

Use resolvedTheme instead of theme so the toggle flips what is actually displayed.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 components/layout/header.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/layout/header.tsx b/components/layout/header.tsx
index 6af2cbfd..56e9d1df 100644
--- a/components/layout/header.tsx
+++ b/components/layout/header.tsx
@@ -266,7 +266,7 @@ const ContactPopover = () => (
 
 const Header = ({ className }: { className?: string }) => {
   const [isScrolled, setIsScrolled] = useState(false);
-  const { theme, setTheme } = useTheme();
+  const { resolvedTheme, setTheme } = useTheme();
   const pathname = usePathname();
 
   useEffect(() => {
@@ -330,7 +330,7 @@ const Header = ({ className }: { className?: string }) => {
           <Button
             variant="ghost"
             size="icon"
-            onClick={() => setTheme(theme === "light" ? "dark" : "light")}
+            onClick={() => setTheme(resolvedTheme === "dark" ? "light" : "dark")}
             aria-label="Toggle theme"
             className="group"
           >