From a0da63591a8583a8a9eba7dc15d006355ebdd6de Mon Sep 17 00:00:00 2001
From: Chad Curtis <chad@chadwick.site>
Date: Tue, 3 Mar 2026 05:09:32 -0600
Subject: [PATCH] fix: preserve background when re-selecting user theme from
 dropdown

---
 src/components/LeftSidebar.tsx          | 2 +-
 src/components/SidebarThemeDropdown.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/LeftSidebar.tsx b/src/components/LeftSidebar.tsx
index fbb25ff7..db932e48 100644
--- a/src/components/LeftSidebar.tsx
+++ b/src/components/LeftSidebar.tsx
@@ -351,7 +351,7 @@ export function LeftSidebar() {
                         {sidebarUserThemes.data.map((ut) => {
                           const isActive = theme === 'custom' && customTheme && JSON.stringify(customTheme.colors) === JSON.stringify(ut.colors);
                           return (
-                            <DropdownMenuItem key={ut.identifier} onClick={() => applyCustomTheme({ colors: ut.colors, font: ut.font })} className="flex items-center justify-between cursor-pointer">
+                            <DropdownMenuItem key={ut.identifier} onClick={() => applyCustomTheme({ colors: ut.colors, font: ut.font, background: ut.background ?? customTheme?.background })} className="flex items-center justify-between cursor-pointer">
                               <div className="flex items-center gap-2 min-w-0"><Palette className="size-3.5 text-primary shrink-0" /><span className="truncate">{ut.title}</span></div>
                               {isActive && <Check className="size-4 text-primary shrink-0" />}
                             </DropdownMenuItem>
diff --git a/src/components/SidebarThemeDropdown.tsx b/src/components/SidebarThemeDropdown.tsx
index 6bcdefc8..b60490c3 100644
--- a/src/components/SidebarThemeDropdown.tsx
+++ b/src/components/SidebarThemeDropdown.tsx
@@ -92,7 +92,7 @@ export function SidebarThemeDropdown({ userPubkey, onNavigate, className }: Side
             {userThemes.data.map((ut) => {
               const isActive = theme === 'custom' && customTheme && JSON.stringify(customTheme.colors) === JSON.stringify(ut.colors);
               return (
-                <DropdownMenuItem key={ut.identifier} onClick={() => applyCustomTheme({ colors: ut.colors, font: ut.font })} className="flex items-center justify-between cursor-pointer">
+                <DropdownMenuItem key={ut.identifier} onClick={() => applyCustomTheme({ colors: ut.colors, font: ut.font, background: ut.background ?? customTheme?.background })} className="flex items-center justify-between cursor-pointer">
                   <div className="flex items-center gap-2 min-w-0"><Palette className="size-3.5 text-primary shrink-0" /><span className="truncate">{ut.title}</span></div>
                   {isActive && <Check className="size-4 text-primary shrink-0" />}
                 </DropdownMenuItem>