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

> Piebald allows customization of the background color and the orange accent color.

# Color customization

export const MuxVideo = ({playbackId, title = "Video demo"}) => <iframe className="w-full aspect-video rounded-xl" src={`https://player.mux.com/${playbackId}?accent-color=%23ff8400`} title={title} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture" allowFullScreen></iframe>;

## Accent color customization

<Badge color="blue">Available in Piebald Basic (Free)</Badge>

In Piebald, you can change the orange accent color to any other color, which will then be used for all buttons, tool calls, and active items such as sidebar items and inputs.

You can customize the accent color used in light mode and dark mode separately.  The foreground color will be black or white depending on the lightness of the color you've chosen.

Here's a demo of the light mode and dark mode accent colors being customized:

<MuxVideo playbackId="Tks7IiRNyUM6nX4kc9wf4Ujjy6FRXL3sGpqjgpcwqio" title="Accent color customization" />

The text selection/highlight color is also affected by the accent color that you choose:

<img className="shadow-md rounded-xl" width="1790" alt="Screenshot of the text being highlighted in the accent color" src="https://mintcdn.com/piebald/UE8rFz9MUGMQresY/imgs/v0-1-22/text_highlight_accent.png?fit=max&auto=format&n=UE8rFz9MUGMQresY&q=85&s=eb59a6dada0542aeccbcbbf32b385333" data-path="imgs/v0-1-22/text_highlight_accent.png" />

## Background color customization

<Badge color="blue">Available in Piebald Basic (Free)</Badge>

You can also customize the background color used under light mode and dark mode.  Go to **Settings → Appearance** and customize the **Background Color → Light** and **Dark** settings.

<MuxVideo playbackId="EziFXSE8vDz72o9MARyNxIYiuBq3McJRuv3400B8qX3k" title="Background color customization" />