Player Colors

Prev Next

The items below are found in the Player Configuration page. See Logging In for information on how to get there.

You can customize the look and feel of your player to match your station logo, brand, and color schemes. Expand the Player Colors section to reveal the options.

For color settings, enter a six-characters hexidecimal code (without the "#" symbol). Alternatively, use the color picker to choose a color from the color selector that appears.

Use the table below as a guide to help you understand each field. Also refer to the tool tips.

Item
Description

Enable High Contrast

When enabled, the player interface does not apply opacity to text that appears in the player, creating a high contrast appearance for easier reading.

Button Color

This color is applied to the Play/Stop button.

Frame Color

This color is applied to the top bar (header), artist content menu bar, and the footer.

Background Color

This color is applied behind the "now playing" area, and is only visible if there is no background image.

Highlight Color

This color is applied to the volume bars, selected tabs in the "Artist Content Menu" bar, and the background when hovering over menu items.

Background Image

This image appears behind the player, and dynamically resizes/reshapes as the browser is resized and reshaped.

Note that the background image not displayed if the player is using the Enhanced Now Playing options; in that case the background area displays artist-specific images (if available).

For best results, use a large horizontally rectangular image, preferably not larger than 500KB. (Avoid square or vertical images.)

Background Image Vertical Alignment

Sets the vertical alignment of the background image. Choose "Center" to keep the center point of the image centered as the image is dynamically resized or reshaped. Choose "Top" to keep the top of the image always visible when the image is dynamically resized or reshaped.