# Default colors

Source: https://dev.arcxp.com/video-center/developer-docs/video-center-player-default-colors/

Video Center Player - Default colors

The video player has a set of default colors (`accent`, `background`, and `primary`). These values can be overridden by defining them in the `{org}.js` file. These colors are used to render elements such as the player controls, share module, or captions.

```js
    PoWaSettings.colors = {
  accent: {
    red: 153,
    green: 50,
    blue: 204,
  },
  background: {
    red: 0,
    green: 0,
    blue: 0,
  },
  primary: {
    red: 240,
    green: 248,
    blue: 255,
  },
};
```

## PoWaSettings.colors.accent

Sets the accent color used by the PoWaBar scrubber (used for “% downloaded” and “% progress” overlays)

```js
    PoWaSettings.colors.accent = {
  red: 52,
  green: 235,
  blue: 189,
};
```

## PoWaSettings.colors.background

Sets the background color of PoWaBar elements

```js
    PoWaSettings.colors.background = {
  red: 0,
  green: 0,
  blue: 0,
};
```

## PoWaSettings.colors.primary

Sets the foreground color of PoWaBar elements

```js
    PoWaSettings.colors.primary = {
  red: 255,
  green: 255,
  blue: 255,
};
```
