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/ToolConfirmationMessage.tsx | |
| parent | d57cc0b9306f0359482ef6e243308bcda2989007 (diff) | |
Revert "Update semantic color tokens" (#6365)
Diffstat (limited to 'packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx')
| -rw-r--r-- | packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx | 27 |
1 files changed, 11 insertions, 16 deletions
diff --git a/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx b/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx index 599b5445..2f93609e 100644 --- a/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx +++ b/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx @@ -7,7 +7,7 @@ import React from 'react'; import { Box, Text } from 'ink'; import { DiffRenderer } from './DiffRenderer.js'; -import { theme } from '../../semantic-colors.js'; +import { Colors } from '../../colors.js'; import { ToolCallConfirmationDetails, ToolConfirmationOutcome, @@ -112,13 +112,13 @@ export const ToolConfirmationMessage: React.FC< <Box minWidth="90%" borderStyle="round" - borderColor={theme.border.default} + borderColor={Colors.Gray} justifyContent="space-around" padding={1} overflow="hidden" > - <Text color={theme.text.primary}>Modify in progress: </Text> - <Text color={theme.status.success}> + <Text>Modify in progress: </Text> + <Text color={Colors.AccentGreen}> Save and close external editor to continue </Text> </Box> @@ -192,7 +192,7 @@ export const ToolConfirmationMessage: React.FC< maxWidth={Math.max(childWidth - 4, 1)} > <Box> - <Text color={theme.text.accent}>{executionProps.command}</Text> + <Text color={Colors.AccentCyan}>{executionProps.command}</Text> </Box> </MaxSizedBox> </Box> @@ -222,15 +222,12 @@ export const ToolConfirmationMessage: React.FC< bodyContent = ( <Box flexDirection="column" paddingX={1} marginLeft={1}> - <Text color={theme.text.accent}>{infoProps.prompt}</Text> + <Text color={Colors.AccentCyan}>{infoProps.prompt}</Text> {displayUrls && infoProps.urls && infoProps.urls.length > 0 && ( <Box flexDirection="column" marginTop={1}> - <Text color={theme.text.primary}>URLs to fetch:</Text> + <Text>URLs to fetch:</Text> {infoProps.urls.map((url) => ( - <Text key={url} color={theme.text.primary}> - {' '} - - {url} - </Text> + <Text key={url}> - {url}</Text> ))} </Box> )} @@ -242,8 +239,8 @@ export const ToolConfirmationMessage: React.FC< bodyContent = ( <Box flexDirection="column" paddingX={1} marginLeft={1}> - <Text color={theme.text.accent}>MCP Server: {mcpProps.serverName}</Text> - <Text color={theme.text.accent}>Tool: {mcpProps.toolName}</Text> + <Text color={Colors.AccentCyan}>MCP Server: {mcpProps.serverName}</Text> + <Text color={Colors.AccentCyan}>Tool: {mcpProps.toolName}</Text> </Box> ); @@ -278,9 +275,7 @@ export const ToolConfirmationMessage: React.FC< {/* Confirmation Question */} <Box marginBottom={1} flexShrink={0}> - <Text wrap="truncate" color={theme.text.primary}> - {question} - </Text> + <Text wrap="truncate">{question}</Text> </Box> {/* Select Input for Options */} |
