This article discusses how to customize colors on your video player to match your brand.
In this article:
- How to customize colors on my video player
- Custom color selection overview
- Customization options for Organizations and Workspaces
How to customize colors on my video player
Follow the instructions to access the branding colors:
- Select the Appearance icon from the left-hand panel on the video settings page in order to open customization settings. You can adjust custom colors by either entering hex color codes or Red-Green_Blue values to choose an exact color.
- Click on the HEX or RGB button to switch between color codes. You can also drag the slider in the color bar and box to manually choose a color.
Custom color selection overview
Below is a breakdown of where each custom color selection will appear:
Primary color
- Title Background
- Username background
- Button background
- Play button background
- Control bar background
Accent color
- Title background hover
- Username background hover
- Button background hover
- Play button background hover
- Progress bar (Fill)
Icon/text color
- Title
- Username
- Button icon
- Play button icon
- Progress bar (White, 30%)
Background
- Player background
Customization options for Organizations and Workspaces
For Enterprise accounts with Workspaces: You can set custom branding colors as presets at both the Workspace and Organization levels. For comprehensive information, please refer to the detailed guides on editing your Organizational settings and Workspace settings.