Package: @hexos/react-ui

Theme 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; }