From 7a6a51cd8beda383331c406b585fa4e13eed08a9 Mon Sep 17 00:00:00 2001
From: Aiden Cline <rekram1-node@users.noreply.github.com>
Date: Thu, 16 Jul 2026 17:26:03 +0000
Subject: [PATCH] fix(tui): distinguish permission option states

---
 packages/tui/src/routes/session/permission.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/tui/src/routes/session/permission.tsx b/packages/tui/src/routes/session/permission.tsx
index ffe1fb8dab..40c1407edb 100644
--- a/packages/tui/src/routes/session/permission.tsx
+++ b/packages/tui/src/routes/session/permission.tsx
@@ -703,9 +703,11 @@ function Prompt<const T extends Record<string, string>>(props: {
               <box
                 paddingLeft={1}
                 paddingRight={1}
-                backgroundColor={themeV2.background.action.primary(
-                  option === store.selected ? "focused" : "default",
-                )}
+                backgroundColor={
+                  option === store.selected
+                    ? themeV2.background.action.primary("focused")
+                    : themeV2.background.action.secondary()
+                }
                 onMouseOver={() => setStore("selected", option)}
                 onMouseUp={() => {
                   setStore("selected", option)
@@ -713,9 +715,11 @@ function Prompt<const T extends Record<string, string>>(props: {
                 }}
               >
                 <text
-                  fg={themeV2.text.action.primary(
-                    option === store.selected ? "focused" : "default",
-                  )}
+                  fg={
+                    option === store.selected
+                      ? themeV2.text.action.primary("focused")
+                      : themeV2.text.action.secondary()
+                  }
                 >
                   {props.options[option]}
                 </text>