Update shell tool call colors for confirmed actions (google-gemini#11126)

Author: miguelsolorio

packages/cli/src/ui/components/Footer.tsx

@@ -170,7 +170,7 @@ export const Footer: React.FC = () => {
             )}
             {!showErrorDetails && errorCount > 0 && (
               <Box paddingLeft={1} flexDirection="row">
-                <Text color={theme.ui.symbol}>| </Text>
+                <Text color={theme.ui.comment}>| </Text>
                 <ConsoleSummaryDisplay errorCount={errorCount} />
               </Box>
             )}

packages/cli/src/ui/components/messages/ToolGroupMessage.tsx

@@ -51,7 +51,7 @@ export const ToolGroupMessage: React.FC<ToolGroupMessageProps> = ({
     (t) => t.name === SHELL_COMMAND_NAME || t.name === SHELL_NAME,
   );
   const borderColor =
-    isShellCommand || isEmbeddedShellFocused
+    (isShellCommand && hasPending) || isEmbeddedShellFocused
       ? theme.ui.symbol
       : hasPending
         ? theme.status.warning

packages/cli/src/ui/components/messages/UserShellMessage.tsx

@@ -18,7 +18,7 @@ export const UserShellMessage: React.FC<UserShellMessageProps> = ({ text }) => {
 
   return (
     <Box>
-      <Text color={theme.text.link}>$ </Text>
+      <Text color={theme.ui.symbol}>$ </Text>
       <Text color={theme.text.primary}>{commandToDisplay}</Text>
     </Box>
   );