Hiyve Components - v1.0.0
    Preparing search index...

    Interface ChatPanelColors

    Color configuration for the ChatPanel component.

    These colors are standalone values not tied to the MUI theme, allowing consistent styling regardless of the theme configuration. The default palette uses a dark theme that matches VideoGrid and VideoTile.

    Message Colors:

    • Local messages use primary blue background with white text
    • Remote messages use dark gray background with light text
    • System messages use subtle overlay with muted text
    import { defaultChatPanelColors } from '@hiyve/react-collaboration';

    // Light theme colors
    const lightColors: Partial<ChatPanelColors> = {
      headerBackground: '#f5f5f5',
      containerBackground: '#ffffff',
      localMessageBackground: '#1976d2',
      localMessageText: '#ffffff',
      remoteMessageBackground: '#e0e0e0',
      remoteMessageText: 'rgba(0, 0, 0, 0.87)',
    };

    <ChatPanel colors={lightColors} />
    interface ChatPanelColors {
        avatarPalette: string[];
        avatarText: string;
        containerBackground: string;
        divider: string;
        emptyStateText: string;
        headerBackground: string;
        headerIconColor: string;
        headerTitleColor: string;
        inputBorder: string;
        inputPlaceholder: string;
        inputText: string;
        localMessageBackground: string;
        localMessageText: string;
        remoteMessageBackground: string;
        remoteMessageText: string;
        sendButtonColor: string;
        senderNameText: string;
        systemMessageBackground: string;
        systemMessageText: string;
        timestampText: string;
    }
    Index

    Properties

    avatarPalette avatarText containerBackground divider emptyStateText headerBackground headerIconColor headerTitleColor inputBorder inputPlaceholder inputText localMessageBackground localMessageText remoteMessageBackground remoteMessageText sendButtonColor senderNameText systemMessageBackground systemMessageText timestampText

    Properties

    avatarPalette: string[]

    Palette of colors for avatar backgrounds (deterministic based on userId)

    avatarText: string

    Avatar text/initials color

    containerBackground: string

    Container background color

    divider: string

    Divider color

    emptyStateText: string

    Empty state text color

    headerBackground: string

    Header background color

    headerIconColor: string

    Header icon color

    headerTitleColor: string

    Header title text color

    inputBorder: string

    Input border color

    inputPlaceholder: string

    Input placeholder color

    inputText: string

    Input text color

    localMessageBackground: string

    Local (own) message bubble background

    localMessageText: string

    Local (own) message text color

    remoteMessageBackground: string

    Remote message bubble background

    remoteMessageText: string

    Remote message text color

    sendButtonColor: string

    Send button color

    senderNameText: string

    Sender name text color

    systemMessageBackground: string

    System message background

    systemMessageText: string

    System message text color

    timestampText: string

    Timestamp text color

    Settings

    Member Visibility

    On This Page

    Properties