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

    Interface ParticipantListColors

    Color configuration for the ParticipantList 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.

    import { defaultParticipantListColors } from '@hiyve/react-ui';

    // Light theme colors
    const lightColors: Partial<ParticipantListColors> = {
      headerBackground: '#f5f5f5',
      containerBackground: '#ffffff',
      primaryText: 'rgba(0, 0, 0, 0.87)',
      secondaryText: 'rgba(0, 0, 0, 0.6)',
      divider: 'rgba(0, 0, 0, 0.12)',
    };

    <ParticipantList colors={lightColors} />
    interface ParticipantListColors {
        activeIndicator: string;
        avatarPalette: string[];
        avatarText: string;
        containerBackground: string;
        countChipBackground: string;
        countChipBorder: string;
        countChipText: string;
        divider: string;
        dominantBackground: string;
        dominantIndicator: string;
        handRaisedBadge: string;
        headerBackground: string;
        mutedIndicator: string;
        ownerBadge: string;
        primaryText: string;
        secondaryText: string;
        speakingBorder: string;
        speakingIndicator: string;
    }
    Index

    Properties

    activeIndicator avatarPalette avatarText containerBackground countChipBackground countChipBorder countChipText divider dominantBackground dominantIndicator handRaisedBadge headerBackground mutedIndicator ownerBadge primaryText secondaryText speakingBorder speakingIndicator

    Properties

    activeIndicator: string

    Active (unmuted) indicator icon color (green)

    avatarPalette: string[]

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

    avatarText: string

    Avatar text/initials color

    containerBackground: string

    Container background color

    countChipBackground: string

    Participant count chip background

    countChipBorder: string

    Participant count chip border

    countChipText: string

    Participant count chip text

    divider: string

    Divider color between items

    dominantBackground: string

    Dominant participant row highlight background

    dominantIndicator: string

    Dominant speaker indicator color (gold/yellow)

    handRaisedBadge: string

    Hand raised badge icon color

    headerBackground: string

    Header background color

    mutedIndicator: string

    Muted indicator icon color (red)

    ownerBadge: string

    Owner badge icon color

    primaryText: string

    Primary text color (participant names)

    secondaryText: string

    Secondary text color (tooltips, status labels)

    speakingBorder: string

    Speaking border color (left border when speaking)

    speakingIndicator: string

    Speaking indicator icon color

    Settings

    Member Visibility

    On This Page

    Properties