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

    Variable defaultChatPanelColorsConst

    defaultChatPanelColors: ChatPanelColors = ...

    Default dark theme colors for the ChatPanel component.

    Colors are standalone values (not tied to MUI theme) for consistent styling. The dark theme matches VideoGrid and VideoTile for a unified look.

    Color Groups:

    • Avatar colors: Palette for user avatar backgrounds
    • Message colors: Local (blue), remote (gray), system (subtle)
    • UI colors: Header, container, input, dividers
    • Text colors: Primary, secondary, timestamps
    import { defaultChatPanelColors } from '@hiyve/react-collaboration';

    // Create a light theme variant
    const lightColors = {
    ...defaultChatPanelColors,
    headerBackground: '#f5f5f5',
    containerBackground: '#ffffff',
    localMessageBackground: '#1976d2',
    localMessageText: '#ffffff',
    remoteMessageBackground: '#e0e0e0',
    remoteMessageText: 'rgba(0, 0, 0, 0.87)',
    divider: 'rgba(0, 0, 0, 0.12)',
    };