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

    Interface QAPanelColors

    Color configuration for the QAPanel 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 { defaultQAPanelColors } from '@hiyve/react-collaboration';

    // Light theme colors
    const lightColors: Partial<QAPanelColors> = {
      headerBackground: '#f5f5f5',
      containerBackground: '#ffffff',
      questionBackground: '#fafafa',
    };

    <QAPanel colors={lightColors} />
    interface QAPanelColors {
        actionButton: string;
        actionButtonHover: string;
        answerBackground: string;
        answerBadge: string;
        answerBadgeText: string;
        answeredBackground: string;
        answerText: string;
        authorText: string;
        avatarPalette: string[];
        avatarText: string;
        containerBackground: string;
        divider: string;
        emptyStateText: string;
        headerBackground: string;
        headerIconColor: string;
        headerTitleColor: string;
        inputBorder: string;
        inputPlaceholder: string;
        inputText: string;
        openForAnswersColor: string;
        pinnedBorder: string;
        questionBackground: string;
        questionText: string;
        sendButtonColor: string;
        sortButtonText: string;
        timestampText: string;
        upvoteActive: string;
        upvoteInactive: string;
        voteCountText: string;
    }
    Index

    Properties

    actionButton actionButtonHover answerBackground answerBadge answerBadgeText answeredBackground answerText authorText avatarPalette avatarText containerBackground divider emptyStateText headerBackground headerIconColor headerTitleColor inputBorder inputPlaceholder inputText openForAnswersColor pinnedBorder questionBackground questionText sendButtonColor sortButtonText timestampText upvoteActive upvoteInactive voteCountText

    Properties

    actionButton: string

    Action button color (delete, pin, etc.)

    actionButtonHover: string

    Action button hover color

    answerBackground: string

    Answer section background

    answerBadge: string

    Answered badge background

    answerBadgeText: string

    Answered badge text

    answeredBackground: string

    Answered question card background

    answerText: string

    Answer text color

    authorText: string

    Author name text color

    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

    openForAnswersColor: string

    Open for answers indicator/badge color

    pinnedBorder: string

    Pinned question border color

    questionBackground: string

    Question card background

    questionText: string

    Question content text color

    sendButtonColor: string

    Send button color

    sortButtonText: string

    Sort button text color

    timestampText: string

    Timestamp text color

    upvoteActive: string

    Active upvote button color

    upvoteInactive: string

    Inactive upvote button color

    voteCountText: string

    Vote count text color

    Settings

    Member Visibility

    On This Page

    Properties