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, captions, etc.

    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)

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

PoWaSettings.colors.background

Sets the background color of PoWaBar elements

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

PoWaSettings.colors.primary

Sets the foreground color of PoWaBar elements

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