Live Audio Room

Theming and strings

Change colors and labels, or replace any section of the audio room UI.

You can change the look at three levels, without forking the kit.

Colors

VoxeraRoomTheme is a set of colors with defaults. It's dark by default, so the kit's white content stays visible.

VoxeraAudioRoomConfig(
  theme: const VoxeraRoomTheme().copyWith(
    primary: Colors.teal,
    background: const Color(0xFF101010),
  ),
);

Labels and languages

VoxeraRoomStrings.en() and VoxeraRoomStrings.ar() cover every default label. Pass your own VoxeraRoomStrings(...) to translate or reword them. With no strings, the kit uses English.

VoxeraAudioRoomConfig(strings: VoxeraRoomStrings.ar());

Replace a section

Each of these replaces one part of the room, and leaving it null keeps the default:

Field	Replaces
`headerWidget`	The header
`messagesWidget`	The chat list
`controlsBarWidget`	The controls bar
`backgroundWidget`	The background
`foregroundWidget`	An extra layer above the room, such as a gift animation
`pkWidget`	The battle area

A default is fully off once you replace it. For example, supplying controlsBarWidget removes the built-in buttons, so your bar has to call the controller itself.

For seats, see custom seat appearance.