Style Guide

Most theming changes can be accomplished using CSS. The below diagram outlines the general classes for each player layout. There may be additional classes and objects within these containers.

Object dimensions (particularly within playlists) are calculated using the base dimensions specified within the player configuration. This means that for items like media cards, the value specified is the total value, including any padding or borders.

Vertical Playlist Player

Vertical Playlist Player
44c7f3
ed5399
fff537
846add
00ad5f
ffa037
875546
83d160

Horizontal Playlist Player

Horizontal Playlist Player
44c7f3
ed5399
fff537
846add
00ad5f
ffa037
875546
83d160
ff0000
2c6ed5
d73765