Update semantic color tokens (#6253)

Co-authored-by: jacob314 <jacob314@gmail.com>
This commit is contained in:
Miguel Solorio 2025-08-15 15:39:54 -07:00 committed by GitHub
parent 5246aa11f4
commit 3c0af3654a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
60 changed files with 606 additions and 502 deletions

View file

@ -7,7 +7,7 @@
import React from 'react';
import { Box, Text } from 'ink';
import { DiffRenderer } from './DiffRenderer.js';
import { Colors } from '../../colors.js';
import { theme } from '../../semantic-colors.js';
import {
ToolCallConfirmationDetails,
ToolConfirmationOutcome,
@ -112,13 +112,13 @@ export const ToolConfirmationMessage: React.FC<
<Box
minWidth="90%"
borderStyle="round"
borderColor={Colors.Gray}
borderColor={theme.border.default}
justifyContent="space-around"
padding={1}
overflow="hidden"
>
<Text>Modify in progress: </Text>
<Text color={Colors.AccentGreen}>
<Text color={theme.text.primary}>Modify in progress: </Text>
<Text color={theme.status.success}>
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={Colors.AccentCyan}>{executionProps.command}</Text>
<Text color={theme.text.accent}>{executionProps.command}</Text>
</Box>
</MaxSizedBox>
</Box>
@ -222,12 +222,15 @@ export const ToolConfirmationMessage: React.FC<
bodyContent = (
<Box flexDirection="column" paddingX={1} marginLeft={1}>
<Text color={Colors.AccentCyan}>{infoProps.prompt}</Text>
<Text color={theme.text.accent}>{infoProps.prompt}</Text>
{displayUrls && infoProps.urls && infoProps.urls.length > 0 && (
<Box flexDirection="column" marginTop={1}>
<Text>URLs to fetch:</Text>
<Text color={theme.text.primary}>URLs to fetch:</Text>
{infoProps.urls.map((url) => (
<Text key={url}> - {url}</Text>
<Text key={url} color={theme.text.primary}>
{' '}
- {url}
</Text>
))}
</Box>
)}
@ -239,8 +242,8 @@ export const ToolConfirmationMessage: React.FC<
bodyContent = (
<Box flexDirection="column" paddingX={1} marginLeft={1}>
<Text color={Colors.AccentCyan}>MCP Server: {mcpProps.serverName}</Text>
<Text color={Colors.AccentCyan}>Tool: {mcpProps.toolName}</Text>
<Text color={theme.text.accent}>MCP Server: {mcpProps.serverName}</Text>
<Text color={theme.text.accent}>Tool: {mcpProps.toolName}</Text>
</Box>
);
@ -275,7 +278,9 @@ export const ToolConfirmationMessage: React.FC<
{/* Confirmation Question */}
<Box marginBottom={1} flexShrink={0}>
<Text wrap="truncate">{question}</Text>
<Text wrap="truncate" color={theme.text.primary}>
{question}
</Text>
</Box>
{/* Select Input for Options */}