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
60 changed files with 606 additions and 502 deletions

View File

@@ -5,7 +5,7 @@
*/
import { Box, Text } from 'ink';
import { Colors } from '../colors.js';
import { theme } from '../semantic-colors.js';
import { PrepareLabel } from './PrepareLabel.js';
export interface Suggestion {
label: string;
@@ -35,7 +35,7 @@ export function SuggestionsDisplay({
if (isLoading) {
return (
<Box paddingX={1} width={width}>
<Text color="gray">Loading suggestions...</Text>
<Text color={theme.text.secondary}>Loading suggestions...</Text>
</Box>
);
}
@@ -54,12 +54,12 @@ export function SuggestionsDisplay({
return (
<Box flexDirection="column" paddingX={1} width={width}>
{scrollOffset > 0 && <Text color={Colors.Foreground}></Text>}
{scrollOffset > 0 && <Text color={theme.text.primary}></Text>}
{visibleSuggestions.map((suggestion, index) => {
const originalIndex = startIndex + index;
const isActive = originalIndex === activeIndex;
const textColor = isActive ? Colors.AccentPurple : Colors.Gray;
const textColor = isActive ? theme.text.accent : theme.text.secondary;
const labelElement = (
<PrepareLabel
label={suggestion.label}
@@ -91,9 +91,11 @@ export function SuggestionsDisplay({
</Box>
);
})}
{endIndex < suggestions.length && <Text color="gray"></Text>}
{endIndex < suggestions.length && (
<Text color={theme.text.secondary}></Text>
)}
{suggestions.length > MAX_SUGGESTIONS_TO_SHOW && (
<Text color="gray">
<Text color={theme.text.secondary}>
({activeIndex + 1}/{suggestions.length})
</Text>
)}