Remove border from user messages and color > to improve UI and readability (#9984)

This commit is contained in:
Luna Wang
2025-09-26 15:02:54 -07:00
committed by GitHub
parent 969833e6e3
commit 2aa2ab878b
@@ -20,20 +20,11 @@ export const UserMessage: React.FC<UserMessageProps> = ({ text }) => {
const isSlashCommand = checkIsSlashCommand(text); const isSlashCommand = checkIsSlashCommand(text);
const textColor = isSlashCommand ? theme.text.accent : theme.text.secondary; const textColor = isSlashCommand ? theme.text.accent : theme.text.secondary;
const borderColor = isSlashCommand ? theme.text.accent : theme.text.secondary;
return ( return (
<Box <Box flexDirection="row" paddingY={0} marginY={1} alignSelf="flex-start">
borderStyle="round"
borderColor={borderColor}
flexDirection="row"
paddingX={2}
paddingY={0}
marginY={1}
alignSelf="flex-start"
>
<Box width={prefixWidth}> <Box width={prefixWidth}>
<Text color={textColor} aria-label={SCREEN_READER_USER_PREFIX}> <Text color={theme.text.accent} aria-label={SCREEN_READER_USER_PREFIX}>
{prefix} {prefix}
</Text> </Text>
</Box> </Box>