add color scheme preview on hover in appearance dropdown

2026-02-01 22:48:16 +00:00 · 2026-01-20 18:06:58 +00:00
parent 602b6be4d4
commit dbc15d4816
1 changed files with 5 additions and 0 deletions
--- 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"
              />