diff --git a/packages/cli/src/ui/components/ColorsDisplay.test.tsx b/packages/cli/src/ui/components/ColorsDisplay.test.tsx
index 78caa46d94..2a470e3317 100644
--- a/packages/cli/src/ui/components/ColorsDisplay.test.tsx
+++ b/packages/cli/src/ui/components/ColorsDisplay.test.tsx
@@ -38,6 +38,7 @@ describe('ColorsDisplay', () => {
         comment: '#666666',
         symbol: '#cccccc',
         dark: '#333333',
+        focus: '#0000ff',
         gradient: undefined,
       },
       status: {
diff --git a/packages/cli/src/ui/components/Header.test.tsx b/packages/cli/src/ui/components/Header.test.tsx
index 4d59bf14aa..759ce04bb9 100644
--- a/packages/cli/src/ui/components/Header.test.tsx
+++ b/packages/cli/src/ui/components/Header.test.tsx
@@ -108,6 +108,7 @@ describe('<Header />', () => {
         comment: '',
         symbol: '',
         dark: '',
+        focus: '',
         gradient: undefined,
       },
       status: {
diff --git a/packages/cli/src/ui/components/SessionBrowser.tsx b/packages/cli/src/ui/components/SessionBrowser.tsx
index 9d1ce57f52..f1dabc9548 100644
--- a/packages/cli/src/ui/components/SessionBrowser.tsx
+++ b/packages/cli/src/ui/components/SessionBrowser.tsx
@@ -7,6 +7,7 @@
 import type React from 'react';
 import { useState, useCallback, useMemo, useEffect, useRef } from 'react';
 import { Box, Text } from 'ink';
+import { theme } from '../semantic-colors.js';
 import { Colors } from '../colors.js';
 import { useTerminalSize } from '../hooks/useTerminalSize.js';
 import { useKeypress } from '../hooks/useKeypress.js';
@@ -436,7 +437,7 @@ const SessionItem = ({
     if (isDisabled) {
       return Colors.Gray;
     }
-    return isActive ? Colors.AccentPurple : c;
+    return isActive ? theme.ui.focus : c;
   };
 
   const prefix = isActive ? '❯ ' : '  ';
diff --git a/packages/cli/src/ui/components/SuggestionsDisplay.tsx b/packages/cli/src/ui/components/SuggestionsDisplay.tsx
index d9498e7a6b..f9470ea840 100644
--- a/packages/cli/src/ui/components/SuggestionsDisplay.tsx
+++ b/packages/cli/src/ui/components/SuggestionsDisplay.tsx
@@ -84,7 +84,7 @@ export function SuggestionsDisplay({
         const originalIndex = startIndex + index;
         const isActive = originalIndex === activeIndex;
         const isExpanded = originalIndex === expandedIndex;
-        const textColor = isActive ? theme.text.accent : theme.text.secondary;
+        const textColor = isActive ? theme.ui.focus : theme.text.secondary;
         const isLong = suggestion.value.length >= MAX_WIDTH;
         const labelElement = (
           <ExpandableText
diff --git a/packages/cli/src/ui/components/__snapshots__/ThemeDialog.test.tsx.snap b/packages/cli/src/ui/components/__snapshots__/ThemeDialog.test.tsx.snap
index 232c5099b2..f0d91987a6 100644
--- a/packages/cli/src/ui/components/__snapshots__/ThemeDialog.test.tsx.snap
+++ b/packages/cli/src/ui/components/__snapshots__/ThemeDialog.test.tsx.snap
@@ -47,6 +47,7 @@ exports[`Initial Theme Selection > should default to a dark theme when terminal
 │                                              │  #6C7086   ui.comment                          │  │
 │                                              │  #89DCEB   ui.symbol                           │  │
 │                                              │  #3d3f51   ui.dark                             │  │
+│                                              │  #89B4FA   ui.focus                            │  │
 │                                              │  #F38BA8   status.error                        │  │
 │                                              │  #A6E3A1   status.success                      │  │
 │                                              │  #F9E2AF   status.warning                      │  │
@@ -108,6 +109,7 @@ exports[`Initial Theme Selection > should default to a light theme when terminal
 │                                              │  #97a0b0   ui.comment                          │  │
 │                                              │  #06B6D4   ui.symbol                           │  │
 │                                              │  #d2d6dc   ui.dark                             │  │
+│                                              │  #3B82F6   ui.focus                            │  │
 │                                              │  #DD4C4C   status.error                        │  │
 │                                              │  #3CA84B   status.success                      │  │
 │                                              │  #D5A40A   status.warning                      │  │
@@ -169,6 +171,7 @@ exports[`Initial Theme Selection > should use the theme from settings even if te
 │                                              │  #6C7086   ui.comment                          │  │
 │                                              │  #89DCEB   ui.symbol                           │  │
 │                                              │  #3d3f51   ui.dark                             │  │
+│                                              │  #89B4FA   ui.focus                            │  │
 │                                              │  #F38BA8   status.error                        │  │
 │                                              │  #A6E3A1   status.success                      │  │
 │                                              │  #F9E2AF   status.warning                      │  │
@@ -244,6 +247,7 @@ exports[`ThemeDialog Snapshots > should render correctly in theme selection mode
 │                                              │  #6C7086   ui.comment                          │  │
 │                                              │  #6C7086   ui.symbol                           │  │
 │                                              │  #3d3f51   ui.dark                             │  │
+│                                              │  #89B4FA   ui.focus                            │  │
 │                                              │  #F38BA8   status.error                        │  │
 │                                              │  #A6E3A1   status.success                      │  │
 │                                              │  #F9E2AF   status.warning                      │  │
diff --git a/packages/cli/src/ui/components/shared/BaseSelectionList.tsx b/packages/cli/src/ui/components/shared/BaseSelectionList.tsx
index db0d624a74..117ed57e97 100644
--- a/packages/cli/src/ui/components/shared/BaseSelectionList.tsx
+++ b/packages/cli/src/ui/components/shared/BaseSelectionList.tsx
@@ -117,8 +117,8 @@ export function BaseSelectionList<
         let numberColor = theme.text.primary;
 
         if (isSelected) {
-          titleColor = theme.status.success;
-          numberColor = theme.status.success;
+          titleColor = theme.ui.focus;
+          numberColor = theme.ui.focus;
         } else if (item.disabled) {
           titleColor = theme.text.secondary;
           numberColor = theme.text.secondary;
@@ -141,7 +141,7 @@ export function BaseSelectionList<
             {/* Radio button indicator */}
             <Box minWidth={2} flexShrink={0}>
               <Text
-                color={isSelected ? theme.status.success : theme.text.primary}
+                color={isSelected ? theme.ui.focus : theme.text.primary}
                 aria-hidden
               >
                 {isSelected ? '●' : ' '}
diff --git a/packages/cli/src/ui/components/shared/BaseSettingsDialog.tsx b/packages/cli/src/ui/components/shared/BaseSettingsDialog.tsx
index 29592b479b..b805d60ba4 100644
--- a/packages/cli/src/ui/components/shared/BaseSettingsDialog.tsx
+++ b/packages/cli/src/ui/components/shared/BaseSettingsDialog.tsx
@@ -517,9 +517,7 @@ export function BaseSettingsDialog({
                   <Box marginX={1} flexDirection="row" alignItems="flex-start">
                     <Box minWidth={2} flexShrink={0}>
                       <Text
-                        color={
-                          isActive ? theme.status.success : theme.text.secondary
-                        }
+                        color={isActive ? theme.ui.focus : theme.text.secondary}
                       >
                         {isActive ? '●' : ''}
                       </Text>
@@ -536,9 +534,7 @@ export function BaseSettingsDialog({
                         minWidth={0}
                       >
                         <Text
-                          color={
-                            isActive ? theme.status.success : theme.text.primary
-                          }
+                          color={isActive ? theme.ui.focus : theme.text.primary}
                         >
                           {item.label}
                           {item.scopeMessage && (
@@ -557,7 +553,7 @@ export function BaseSettingsDialog({
                         <Text
                           color={
                             isActive
-                              ? theme.status.success
+                              ? theme.ui.focus
                               : item.isGreyedOut
                                 ? theme.text.secondary
                                 : theme.text.primary
diff --git a/packages/cli/src/ui/themes/no-color.ts b/packages/cli/src/ui/themes/no-color.ts
index 30e34c2c12..1af71fd52a 100644
--- a/packages/cli/src/ui/themes/no-color.ts
+++ b/packages/cli/src/ui/themes/no-color.ts
@@ -53,6 +53,7 @@ const noColorSemanticColors: SemanticColors = {
     comment: '',
     symbol: '',
     dark: '',
+    focus: '',
     gradient: [],
   },
   status: {
diff --git a/packages/cli/src/ui/themes/semantic-tokens.ts b/packages/cli/src/ui/themes/semantic-tokens.ts
index ca46fadb56..825ed4955b 100644
--- a/packages/cli/src/ui/themes/semantic-tokens.ts
+++ b/packages/cli/src/ui/themes/semantic-tokens.ts
@@ -31,6 +31,7 @@ export interface SemanticColors {
     comment: string;
     symbol: string;
     dark: string;
+    focus: string;
     gradient: string[] | undefined;
   };
   status: {
@@ -65,6 +66,7 @@ export const lightSemanticColors: SemanticColors = {
     comment: lightTheme.Comment,
     symbol: lightTheme.Gray,
     dark: lightTheme.DarkGray,
+    focus: lightTheme.AccentBlue,
     gradient: lightTheme.GradientColors,
   },
   status: {
@@ -99,6 +101,7 @@ export const darkSemanticColors: SemanticColors = {
     comment: darkTheme.Comment,
     symbol: darkTheme.Gray,
     dark: darkTheme.DarkGray,
+    focus: darkTheme.AccentBlue,
     gradient: darkTheme.GradientColors,
   },
   status: {
diff --git a/packages/cli/src/ui/themes/solarized-dark.ts b/packages/cli/src/ui/themes/solarized-dark.ts
index c2bf3db34d..e21422faf0 100644
--- a/packages/cli/src/ui/themes/solarized-dark.ts
+++ b/packages/cli/src/ui/themes/solarized-dark.ts
@@ -51,7 +51,8 @@ const semanticColors: SemanticColors = {
     comment: '#586e75',
     symbol: '#93a1a1',
     dark: '#073642',
-    gradient: ['#268bd2', '#2aa198'],
+    focus: '#268bd2',
+    gradient: ['#268bd2', '#2aa198', '#859900'],
   },
   status: {
     success: '#859900',
diff --git a/packages/cli/src/ui/themes/solarized-light.ts b/packages/cli/src/ui/themes/solarized-light.ts
index 297238866d..e18e5da136 100644
--- a/packages/cli/src/ui/themes/solarized-light.ts
+++ b/packages/cli/src/ui/themes/solarized-light.ts
@@ -51,7 +51,8 @@ const semanticColors: SemanticColors = {
     comment: '#93a1a1',
     symbol: '#586e75',
     dark: '#eee8d5',
-    gradient: ['#268bd2', '#2aa198'],
+    focus: '#268bd2',
+    gradient: ['#268bd2', '#2aa198', '#859900'],
   },
   status: {
     success: '#859900',
diff --git a/packages/cli/src/ui/themes/theme.ts b/packages/cli/src/ui/themes/theme.ts
index c4277cd834..0167f1623c 100644
--- a/packages/cli/src/ui/themes/theme.ts
+++ b/packages/cli/src/ui/themes/theme.ts
@@ -186,6 +186,7 @@ export class Theme {
         comment: this.colors.Gray,
         symbol: this.colors.AccentCyan,
         dark: this.colors.DarkGray,
+        focus: this.colors.AccentBlue,
         gradient: this.colors.GradientColors,
       },
       status: {
@@ -463,6 +464,7 @@ export function createCustomTheme(customTheme: CustomTheme): Theme {
       comment: customTheme.ui?.comment ?? colors.Comment,
       symbol: customTheme.ui?.symbol ?? colors.Gray,
       dark: colors.DarkGray,
+      focus: customTheme.ui?.focus ?? colors.AccentBlue,
       gradient: customTheme.ui?.gradient ?? colors.GradientColors,
     },
     status: {
diff --git a/packages/core/src/config/config.ts b/packages/core/src/config/config.ts
index 87633d35b6..13ddde499d 100644
--- a/packages/core/src/config/config.ts
+++ b/packages/core/src/config/config.ts
@@ -255,6 +255,7 @@ export interface CustomTheme {
   ui?: {
     comment?: string;
     symbol?: string;
+    focus?: string;
     gradient?: string[];
   };
   status?: {