From ba296fb3e431c6c3b6c48d5a3dc0ecc8bdc6132d Mon Sep 17 00:00:00 2001
From: kovakmedya <egecankomur@gmail.com>
Date: Fri, 8 May 2026 18:13:25 +0300
Subject: [PATCH] fix: save dark/light mode selection to DB

---
 src/components/theme-customizer/index.tsx     | 1 +
 src/components/theme-customizer/theme-tab.tsx | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/theme-customizer/index.tsx b/src/components/theme-customizer/index.tsx
index ada953c..dc7bd60 100644
--- a/src/components/theme-customizer/index.tsx
+++ b/src/components/theme-customizer/index.tsx
@@ -187,6 +187,7 @@ export function ThemeCustomizer({ open, onOpenChange, initialPrefs }: ThemeCusto
                   }}
                   setImportedTheme={setImportedTheme}
                   onImportClick={handleImportClick}
+                  onThemeModeChange={(mode) => savePrefs({ theme: mode })}
                 />
               </TabsContent>
 
diff --git a/src/components/theme-customizer/theme-tab.tsx b/src/components/theme-customizer/theme-tab.tsx
index f229083..7b55608 100644
--- a/src/components/theme-customizer/theme-tab.tsx
+++ b/src/components/theme-customizer/theme-tab.tsx
@@ -24,6 +24,7 @@ interface ThemeTabProps {
   setSelectedRadius: (radius: string) => void
   setImportedTheme: (theme: ImportedTheme | null) => void
   onImportClick: () => void
+  onThemeModeChange: (mode: "light" | "dark") => void
 }
 
 export function ThemeTab({
@@ -34,7 +35,8 @@ export function ThemeTab({
   selectedRadius,
   setSelectedRadius,
   setImportedTheme,
-  onImportClick
+  onImportClick,
+  onThemeModeChange,
 }: ThemeTabProps) {
   const {
     isDarkMode,
@@ -76,11 +78,13 @@ export function ThemeTab({
   const handleLightMode = (event: React.MouseEvent<HTMLButtonElement>) => {
     if (isDarkMode === false) return
     toggleTheme(event)
+    onThemeModeChange("light")
   }
 
   const handleDarkMode = (event: React.MouseEvent<HTMLButtonElement>) => {
     if (isDarkMode === true) return
     toggleTheme(event)
+    onThemeModeChange("dark")
   }
 
   return (