Interface VideoGridColors

Color configuration for VideoGrid container and highlights.

Remarks

These colors control the grid container appearance and dominant speaker highlighting. For individual tile colors, use the tileColors and localTileColors props.

Example

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

// Create a custom color scheme
const customColors: Partial<VideoGridColors> = {
  background: '#000000',
  dominantBorder: '#00ff00',
};

<VideoGrid colors={customColors} />

interface VideoGridColors {
background: string;
dominantBorder: string;
}

Index

Properties

background dominantBorder

Properties

background

background: string

Background color for the grid container.

Default Value

'#212121' (Material Design grey.900)

dominantBorder

dominantBorder: string

Border color for the dominant speaker highlight. Applied when a participant is the active speaker in speaker/sidebar layouts.

Default Value

'#1976d2' (Material Design primary.main)

Interface VideoGridColors

Remarks

Example

Index

Properties

Properties

background

Default Value

dominantBorder

Default Value

Settings

On This Page