diff options
| author | Jacob Richman <[email protected]> | 2025-08-15 20:18:31 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2025-08-16 03:18:31 +0000 |
| commit | 6c1373c33212e26521701acf73c0398721b3a881 (patch) | |
| tree | 6a00fb90c90b51a0c8285b21af7b174064ab6492 /packages/cli/src/ui/components/messages/ToolMessage.tsx | |
| parent | d57cc0b9306f0359482ef6e243308bcda2989007 (diff) | |
Revert "Update semantic color tokens" (#6365)
Diffstat (limited to 'packages/cli/src/ui/components/messages/ToolMessage.tsx')
| -rw-r--r-- | packages/cli/src/ui/components/messages/ToolMessage.tsx | 27 |
1 files changed, 12 insertions, 15 deletions
diff --git a/packages/cli/src/ui/components/messages/ToolMessage.tsx b/packages/cli/src/ui/components/messages/ToolMessage.tsx index bf82c400..e1eb75b8 100644 --- a/packages/cli/src/ui/components/messages/ToolMessage.tsx +++ b/packages/cli/src/ui/components/messages/ToolMessage.tsx @@ -8,7 +8,7 @@ import React from 'react'; import { Box, Text } from 'ink'; import { IndividualToolCallDisplay, ToolCallStatus } from '../../types.js'; import { DiffRenderer } from './DiffRenderer.js'; -import { theme } from '../../semantic-colors.js'; +import { Colors } from '../../colors.js'; import { MarkdownDisplay } from '../../utils/MarkdownDisplay.js'; import { GeminiRespondingSpinner } from '../GeminiRespondingSpinner.js'; import { MaxSizedBox } from '../shared/MaxSizedBox.js'; @@ -90,9 +90,7 @@ export const ToolMessage: React.FC<ToolMessageProps> = ({ {typeof resultDisplay === 'string' && !renderOutputAsMarkdown && ( <MaxSizedBox maxHeight={availableHeight} maxWidth={childWidth}> <Box> - <Text wrap="wrap" color={theme.text.primary}> - {resultDisplay} - </Text> + <Text wrap="wrap">{resultDisplay}</Text> </Box> </MaxSizedBox> )} @@ -120,7 +118,7 @@ const ToolStatusIndicator: React.FC<ToolStatusIndicatorProps> = ({ }) => ( <Box minWidth={STATUS_INDICATOR_WIDTH}> {status === ToolCallStatus.Pending && ( - <Text color={theme.status.success}>o</Text> + <Text color={Colors.AccentGreen}>o</Text> )} {status === ToolCallStatus.Executing && ( <GeminiRespondingSpinner @@ -129,18 +127,18 @@ const ToolStatusIndicator: React.FC<ToolStatusIndicatorProps> = ({ /> )} {status === ToolCallStatus.Success && ( - <Text color={theme.status.success}>✔</Text> + <Text color={Colors.AccentGreen}>✔</Text> )} {status === ToolCallStatus.Confirming && ( - <Text color={theme.status.warning}>?</Text> + <Text color={Colors.AccentYellow}>?</Text> )} {status === ToolCallStatus.Canceled && ( - <Text color={theme.status.warning} bold> + <Text color={Colors.AccentYellow} bold> - </Text> )} {status === ToolCallStatus.Error && ( - <Text color={theme.status.error} bold> + <Text color={Colors.AccentRed} bold> x </Text> )} @@ -162,11 +160,11 @@ const ToolInfo: React.FC<ToolInfo> = ({ const nameColor = React.useMemo<string>(() => { switch (emphasis) { case 'high': - return theme.text.primary; + return Colors.Foreground; case 'medium': - return theme.text.primary; + return Colors.Foreground; case 'low': - return theme.text.secondary; + return Colors.Gray; default: { const exhaustiveCheck: never = emphasis; return exhaustiveCheck; @@ -178,19 +176,18 @@ const ToolInfo: React.FC<ToolInfo> = ({ <Text wrap="truncate-end" strikethrough={status === ToolCallStatus.Canceled} - color={theme.text.primary} > <Text color={nameColor} bold> {name} </Text>{' '} - <Text color={theme.text.secondary}>{description}</Text> + <Text color={Colors.Gray}>{description}</Text> </Text> </Box> ); }; const TrailingIndicator: React.FC = () => ( - <Text color={theme.text.primary} wrap="truncate"> + <Text color={Colors.Foreground} wrap="truncate"> {' '} ← </Text> |
