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

    Interface VideoTileColors

    Customizable colors for VideoTile component. All colors accept any valid CSS color value (hex, rgb, rgba, hsl, etc.).

    const brandColors: Partial<VideoTileColors> = {
      dominantBorder: '#00FF00',      // Green border for active speaker
      mutedIndicator: '#FF4444',      // Red for muted state
      avatarPalette: ['#1a1a2e', '#16213e', '#0f3460', '#e94560']
    };

    <VideoTile colors={brandColors} />
    interface VideoTileColors {
        avatarPalette: string[];
        avatarText: string;
        background: string;
        controlBackground: string;
        controlBackgroundHover: string;
        controlIcon: string;
        dominantBorder: string;
        engagementHigh: string;
        engagementLow: string;
        engagementMedium: string;
        engagementVeryLow: string;
        handRaisedIndicator: string;
        indicatorIcon: string;
        moodColors: Record<MoodType, string>;
        moodIndicatorBackground: string;
        moodIndicatorText: string;
        mutedIndicator: string;
        nameLabelBackground: string;
        nameLabelText: string;
    }
    Index

    Properties

    avatarPalette avatarText background controlBackground controlBackgroundHover controlIcon dominantBorder engagementHigh engagementLow engagementMedium engagementVeryLow handRaisedIndicator indicatorIcon moodColors moodIndicatorBackground moodIndicatorText mutedIndicator nameLabelBackground nameLabelText

    Properties

    avatarPalette: string[]

    Array of colors used for avatar backgrounds when video is off. A color is consistently selected based on userId hash.

    avatarText: string

    Text color for avatar initials

    background: string

    Background color of the tile when no video is displayed

    controlBackground: string

    Background color for control buttons (zoom)

    controlBackgroundHover: string

    Hover background color for control buttons

    controlIcon: string

    Icon color for control buttons

    dominantBorder: string

    Border color when participant is dominant/active speaker

    engagementHigh: string

    Color for high engagement level (>= 0.6)

    engagementLow: string

    Color for low engagement level (>= 0.3)

    engagementMedium: string

    Color for medium engagement level (>= 0.4)

    engagementVeryLow: string

    Color for very low engagement level (< 0.3)

    handRaisedIndicator: string

    Background color of hand raised indicator badge

    indicatorIcon: string

    Icon color within indicator badges

    moodColors: Record<MoodType, string>

    Colors for each mood type (used for icon tinting or badge accent)

    moodIndicatorBackground: string

    Background color for mood indicator badge

    moodIndicatorText: string

    Text color for mood indicator label

    mutedIndicator: string

    Background color of muted indicator badges

    nameLabelBackground: string

    Background color of the name label overlay

    nameLabelText: string

    Text color of the name label

    Settings

    Member Visibility

    On This Page

    Properties