cli: Update input colors to be brighter

Author: jahooma

cli/src/__tests__/unit/segmented-control.test.ts

@@ -33,9 +33,7 @@ const theme: ChatTheme = {
   agentFocusedBg: '#334155',
   agentContentBg: '#000000',
   // Input
-  inputBg: '#000',
   inputFg: '#fff',
-  inputFocusedBg: '#000',
   inputFocusedFg: '#fff',
   // Modes
   modeFastBg: '#f60',

cli/src/chat.tsx

@@ -341,7 +341,12 @@ export const Chat = ({
     if (totalMatches === 0 && agentSelectedIndex !== 0) {
       setAgentSelectedIndex(0)
     }
-  }, [agentMatches.length, fileMatches.length, agentSelectedIndex, setAgentSelectedIndex])
+  }, [
+    agentMatches.length,
+    fileMatches.length,
+    agentSelectedIndex,
+    setAgentSelectedIndex,
+  ])
 
   const { handleSuggestionMenuKey } = useSuggestionMenuHandlers({
     slashContext,
@@ -768,8 +773,7 @@ export const Chat = ({
           style={{
             width: '100%',
             borderStyle: 'single',
-            borderColor: theme.secondary,
-            focusedBorderColor: theme.foreground,
+            borderColor: theme.foreground,
             customBorderChars: BORDER_CHARS,
             paddingLeft: 1,
             paddingRight: 1,
@@ -883,7 +887,9 @@ export const Chat = ({
             </box>
             <text style={{ wrapMode: 'none' }}>
               <span fg={theme.warning}>
-                {BORDER_CHARS.bottomLeft}{BORDER_CHARS.horizontal.repeat(separatorWidth - 2)}{BORDER_CHARS.bottomRight}
+                {BORDER_CHARS.bottomLeft}
+                {BORDER_CHARS.horizontal.repeat(separatorWidth - 2)}
+                {BORDER_CHARS.bottomRight}
               </span>
             </text>
           </box>

cli/src/components/multiline-input.tsx

@@ -742,9 +742,6 @@ export const MultilineInput = forwardRef<
   const textStyle: Record<string, unknown> = {
     bg: 'transparent',
     fg: inputColor,
-    attributes: isPlaceholder
-      ? TextAttributes.DIM
-      : textAttributes ?? TextAttributes.NONE,
   }
 
   const cursorFg = theme.info

cli/src/types/theme-system.ts

@@ -93,17 +93,9 @@ export interface ChatTheme {
 
   /** Agent content background */
   agentContentBg: string
-
-  // Input specific
-  /** Input background */
-  inputBg: string
-
   /** Input text color */
   inputFg: ThemeColor
 
-  /** Focused input background */
-  inputFocusedBg: string
-
   /** Focused input text color */
   inputFocusedFg: ThemeColor
 

cli/src/utils/theme-system.ts

@@ -800,11 +800,7 @@ const DEFAULT_CHAT_THEMES: Record<ThemeName, ChatTheme> = {
     agentToggleExpandedBg: '#1d4ed8',
     agentFocusedBg: '#334155',
     agentContentBg: '#000000',
-
-    // Input
-    inputBg: '#000000',
     inputFg: '#f5f5f5',
-    inputFocusedBg: '#000000',
     inputFocusedFg: '#ffffff',
 
     // Mode toggles
@@ -864,11 +860,7 @@ const DEFAULT_CHAT_THEMES: Record<ThemeName, ChatTheme> = {
     agentToggleExpandedBg: '#1d4ed8',
     agentFocusedBg: '#f3f4f6',
     agentContentBg: '#ffffff',
-
-    // Input
-    inputBg: '#f9fafb',
     inputFg: '#111827',
-    inputFocusedBg: '#ffffff',
     inputFocusedFg: '#000000',
 
     // Mode toggles