---
title: "Player Colors"
slug: "player-colors"
updated: 2023-09-18T14:22:55Z
published: 2023-09-18T14:22:55Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.tritondigital.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Player Colors

The items below are found in the **Player Configuration** page. See [Logging In](/v1/docs/v4-player-web-admin-user-guide#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.

![](https://cdn.document360.io/7124b381-0a94-401a-abbd-9df9c4ea5dff/Images/Documentation/image-1683805939415.png)

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.

![](https://cdn.document360.io/7124b381-0a94-401a-abbd-9df9c4ea5dff/Images/Documentation/image-1683805986792.png)

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. |