From 7be6671e6ea797a38aae1a6673faf74768199d07 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Tue, 20 Jan 2026 21:52:50 +0000
Subject: refactor Select component to use settings variant for settings modal
 styling

---
 packages/app/src/components/prompt-input.tsx         | 1 -
 packages/app/src/components/settings-general.tsx     | 6 ++++++
 packages/app/src/components/settings-permissions.tsx | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

(limited to 'packages/app/src/components')

diff --git a/packages/app/src/components/prompt-input.tsx b/packages/app/src/components/prompt-input.tsx
index e05b6646b..072ef0bdd 100644
--- a/packages/app/src/components/prompt-input.tsx
+++ b/packages/app/src/components/prompt-input.tsx
@@ -1583,7 +1583,6 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
                     onSelect={local.agent.set}
                     class="capitalize"
                     variant="ghost"
-                    triggerVariant="button"
                   />
                 </TooltipKeybind>
                 <Show
diff --git a/packages/app/src/components/settings-general.tsx b/packages/app/src/components/settings-general.tsx
index 4e0fa765f..e8749cbde 100644
--- a/packages/app/src/components/settings-general.tsx
+++ b/packages/app/src/components/settings-general.tsx
@@ -69,6 +69,7 @@ export const SettingsGeneral: Component = () => {
                 }}
                 variant="secondary"
                 size="small"
+                triggerVariant="settings"
               />
             </SettingsRow>
 
@@ -99,6 +100,7 @@ export const SettingsGeneral: Component = () => {
                 }}
                 variant="secondary"
                 size="small"
+                triggerVariant="settings"
               />
             </SettingsRow>
 
@@ -111,6 +113,7 @@ export const SettingsGeneral: Component = () => {
                 onSelect={(option) => option && settings.appearance.setFont(option.value)}
                 variant="secondary"
                 size="small"
+                triggerVariant="settings"
                 triggerStyle={{ "font-family": monoFontFamily(settings.appearance.font()), "min-width": "180px" }}
               >
                 {(option) => <span style={{ "font-family": monoFontFamily(option?.value) }}>{option?.label}</span>}
@@ -172,6 +175,7 @@ export const SettingsGeneral: Component = () => {
                 }}
                 variant="secondary"
                 size="small"
+                triggerVariant="settings"
               />
             </SettingsRow>
 
@@ -192,6 +196,7 @@ export const SettingsGeneral: Component = () => {
                 }}
                 variant="secondary"
                 size="small"
+                triggerVariant="settings"
               />
             </SettingsRow>
 
@@ -212,6 +217,7 @@ export const SettingsGeneral: Component = () => {
                 }}
                 variant="secondary"
                 size="small"
+                triggerVariant="settings"
               />
             </SettingsRow>
           </div>
diff --git a/packages/app/src/components/settings-permissions.tsx b/packages/app/src/components/settings-permissions.tsx
index aa83de01e..d0551d247 100644
--- a/packages/app/src/components/settings-permissions.tsx
+++ b/packages/app/src/components/settings-permissions.tsx
@@ -129,6 +129,7 @@ export const SettingsPermissions: Component = () => {
                     onSelect={(option) => option && setPermission(item.id, option.value)}
                     variant="secondary"
                     size="small"
+                    triggerVariant="settings"
                   />
                 </SettingsRow>
               )}
-- 
cgit v1.2.3