From dbc15d4816bd5f2300ff1c03bf7d3afdb119af56 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Tue, 20 Jan 2026 18:06:58 +0000
Subject: [PATCH] add color scheme preview on hover in appearance dropdown

---
 packages/app/src/components/settings-general.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/app/src/components/settings-general.tsx b/packages/app/src/components/settings-general.tsx
index 29e8ae77a..4e0fa765f 100644
--- a/packages/app/src/components/settings-general.tsx
+++ b/packages/app/src/components/settings-general.tsx
@@ -62,6 +62,11 @@ export const SettingsGeneral: Component = () => {
                 value={(o) => o.value}
                 label={(o) => o.label}
                 onSelect={(option) => option && theme.setColorScheme(option.value)}
+                onHighlight={(option) => {
+                  if (!option) return
+                  theme.previewColorScheme(option.value)
+                  return () => theme.cancelPreview()
+                }}
                 variant="secondary"
                 size="small"
               />