Cleanup of hardcoded colors strings

Author: jahooma

cli/src/components/message-block.tsx

@@ -199,7 +199,7 @@ export const MessageBlock: React.FC<MessageBlockProps> = ({
             >
               <text
                 style={{
-                  fg: 'red',
+                  fg: theme.error,
                   wrapMode: 'none',
                 }}
               >
@@ -332,13 +332,7 @@ const isReasoningTextBlock = (
   b: ContentBlock | null | undefined,
 ): b is TextContentBlock => {
   if (!b || b.type !== 'text') return false
-
-  return (
-    b.textType === 'reasoning' ||
-    (b.color !== undefined &&
-      typeof b.color === 'string' &&
-      (b.color.toLowerCase() === 'grey' || b.color.toLowerCase() === 'gray'))
-  )
+  return b.textType === 'reasoning'
 }
 
 const isRenderableTimelineBlock = (

cli/src/components/tools/diff-viewer.tsx

@@ -20,20 +20,21 @@ const DIFF_LINE_COLORS = {
 const lineColor = (
   line: string,
   themeName: 'dark' | 'light',
+  mutedColor: string,
 ): { fg: string; attrs?: number } => {
   if (line.startsWith('@@')) {
     return { fg: 'cyan', attrs: TextAttributes.BOLD }
   }
   if (line.startsWith('+++') || line.startsWith('---')) {
-    return { fg: 'gray', attrs: TextAttributes.BOLD }
+    return { fg: mutedColor, attrs: TextAttributes.BOLD }
   }
   if (
     line.startsWith('diff ') ||
     line.startsWith('index ') ||
     line.startsWith('rename ') ||
     line.startsWith('similarity ')
   ) {
-    return { fg: 'gray' }
+    return { fg: mutedColor }
   }
   if (line.startsWith('+')) {
     return { fg: DIFF_LINE_COLORS[themeName].added }
@@ -42,7 +43,7 @@ const lineColor = (
     return { fg: DIFF_LINE_COLORS[themeName].removed }
   }
   if (line.startsWith('\\')) {
-    return { fg: 'gray' }
+    return { fg: mutedColor }
   }
   return { fg: '' }
 }
@@ -59,7 +60,7 @@ export const DiffViewer = ({ diffText }: DiffViewerProps) => {
         .filter((rawLine) => !rawLine.startsWith('@@'))
         .map((rawLine, idx) => {
           const line = rawLine.length === 0 ? ' ' : rawLine
-          const { fg, attrs } = lineColor(line, theme.name)
+          const { fg, attrs } = lineColor(line, theme.name, theme.muted)
           const resolvedFg = fg || theme.foreground
           return (
             <text key={`diff-line-${idx}`} style={{ wrapMode: 'none' }}>

cli/src/utils/block-operations.ts

@@ -95,7 +95,6 @@ const createReasoningBlock = (
   type: 'text',
   content,
   textType: 'reasoning',
-  color: 'grey',
   isCollapsed: true,
   thinkingOpen,
 })
@@ -295,7 +294,6 @@ export const appendTextToRootStream = (
       type: 'text',
       content: delta.text,
       textType: 'reasoning',
-      color: 'grey',
       isCollapsed: true,
     }