From c2aea2829cf98c204cbf9895b1655d2d2aad8ef4 Mon Sep 17 00:00:00 2001
From: Ray Villalobos <ray@planetoftheweb.com>
Date: Fri, 20 Jun 2025 00:22:22 -0400
Subject: [PATCH] Fix: Add theme persistence to localStorage
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Load saved theme preference from localStorage on component mount
- Save theme preference to localStorage whenever it changes
- Resolves issue #3

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/components/ToggleTheme.jsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/ToggleTheme.jsx b/src/components/ToggleTheme.jsx
index c64cba3..f736d2e 100644
--- a/src/components/ToggleTheme.jsx
+++ b/src/components/ToggleTheme.jsx
@@ -1,7 +1,10 @@
 import { useState, useEffect } from "react";
 
 function ToggleTheme() {
-  const [theme, setTheme] = useState('auto');
+  const [theme, setTheme] = useState(() => {
+    const savedTheme = localStorage.getItem('theme');
+    return savedTheme || 'auto';
+  });
   const themeAuto = () => 
     (<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" width="20" height="20" stroke-width="1.25"> <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path> <path d="M12 3l0 18"></path> <path d="M12 9l4.65 -4.65"></path> <path d="M12 14.3l7.37 -7.37"></path> <path d="M12 19.6l8.85 -8.85"></path> </svg>)
 
@@ -13,6 +16,7 @@ function ToggleTheme() {
     } else {
       root.setAttribute('data-theme', theme);
     }
+    localStorage.setItem('theme', theme);
   }, [theme]);
 
   const toggleTheme = () => {