Package:
@hexos/react-uiTheme configuration for Hexos UI components.
Defines the visual styling system including colors, spacing, border radius, and fonts. Passed to AgentUIProvider for application-wide styling.
interface AgentUITheme {
colors: {
userBubble: string;
userBubbleText: string;
assistantBubble: string;
assistantBubbleText: string;
toolCall: string;
toolCallText: string;
reasoning: string;
reasoningText: string;
error: string;
errorText: string;
border: string;
background: string;
text: string;
textMuted: string;
primary: string;
primaryText: string;
};
spacing: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
};
borderRadius: {
sm: string;
md: string;
lg: string;
full: string;
};
fonts: {
body: string;
mono: string;
};
}colors
{ userBubble: string; userBubbleText: string; assistantBubble: string; assistantBubbleText: string; toolCall: string; toolCallText: string; reasoning: string; reasoningText: string; error: string; errorText: string; border: string; background: string; text: string; textMuted: string; primary: string; primaryText: string; }spacing
{ xs: string; sm: string; md: string; lg: string; xl: string; }borderRadius
{ sm: string; md: string; lg: string; full: string; }fonts
{ body: string; mono: string; }