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

    Interface ControlBarColors

    Color configuration for ControlBar buttons and indicators.

    These colors are standalone values not tied to the MUI theme, allowing consistent styling regardless of the theme configuration.

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

    // Custom dark theme colors
    const darkColors: Partial<ControlBarColors> = {
      buttonDefault: '#333333',
      buttonDefaultHover: '#444444',
      leaveButton: '#ff4444',
    };

    <ControlBar colors={darkColors} />
    interface ControlBarColors {
        buttonActive: string;
        buttonActiveHover: string;
        buttonDefault: string;
        buttonDefaultHover: string;
        buttonDisabled: string;
        buttonError: string;
        buttonErrorHover: string;
        handRaiseButtonActive: string;
        handRaiseButtonActiveHover: string;
        iconDefault: string;
        iconRecord: string;
        intelligenceButtonActive: string;
        intelligenceButtonActiveHover: string;
        leaveButton: string;
        leaveButtonHover: string;
        moodButtonActive: string;
        moodButtonActiveHover: string;
        recordingDuration: string;
        recordingPulse: string;
        streamingButtonActive: string;
        streamingButtonActiveHover: string;
        streamingDuration: string;
        streamingPulse: string;
    }
    Index

    Properties

    buttonActive buttonActiveHover buttonDefault buttonDefaultHover buttonDisabled buttonError buttonErrorHover handRaiseButtonActive handRaiseButtonActiveHover iconDefault iconRecord intelligenceButtonActive intelligenceButtonActiveHover leaveButton leaveButtonHover moodButtonActive moodButtonActiveHover recordingDuration recordingPulse streamingButtonActive streamingButtonActiveHover streamingDuration streamingPulse

    Properties

    buttonActive: string

    Active/enabled button background (e.g., screen sharing on)

    buttonActiveHover: string

    Active button hover color

    buttonDefault: string

    Default button background color

    buttonDefaultHover: string

    Default button hover color

    buttonDisabled: string

    Disabled button background color

    buttonError: string

    Error/warning button background (e.g., muted state)

    buttonErrorHover: string

    Error button hover color

    handRaiseButtonActive: string

    Hand raise button active color

    handRaiseButtonActiveHover: string

    Hand raise button active hover color

    iconDefault: string

    Default icon color (usually white)

    iconRecord: string

    Color for the recording indicator icon

    intelligenceButtonActive: string

    Intelligence button active color

    intelligenceButtonActiveHover: string

    Intelligence button active hover color

    leaveButton: string

    Leave button background color

    leaveButtonHover: string

    Leave button hover color

    moodButtonActive: string

    Mood analysis button active color

    moodButtonActiveHover: string

    Mood analysis button active hover color

    recordingDuration: string

    Color for the recording duration text

    recordingPulse: string

    Color for the recording pulse animation

    streamingButtonActive: string

    Streaming button active color (orange/amber)

    streamingButtonActiveHover: string

    Streaming button active hover color

    streamingDuration: string

    Color for streaming duration text

    streamingPulse: string

    Color for streaming indicator pulse

    Settings

    Member Visibility

    On This Page

    Properties