Colors

PushWard templates support named colors and hex values for accent_color, background_color, and text_color fields.

Named Colors

red #FF3B30

orange #FF9500

yellow #FFCC00

green #34C759

blue #007AFF

purple #AF52DE

pink #FF2D55

indigo #5856D6

teal #5AC8FA

cyan #32ADE6

mint #00C7BE

brown #A2845E

Usage

Pass a named color string directly in the content payload:

{
  "content": {
    "template": "generic",
    "progress": 0.5,
    "state": "Running...",
    "accent_color": "cyan"
  }
}

Hex Format

For custom colors, use hex RGB or RGBA format:

Format	Example	Description
Hex RGB	`#FF5733` or `FF5733`	6-character hex color
Hex RGBA	`#FF573380` or `FF573380`	8-character hex with alpha

{
  "content": {
    "template": "generic",
    "progress": 0.5,
    "state": "Custom color",
    "accent_color": "#FF5733",
    "background_color": "#1A1A2E",
    "text_color": "#EAEAEA"
  }
}

💡 Tip

The # prefix is optional. Both "#FF5733" and "FF5733" are accepted.

Color Fields

Field	Description
`accent_color`	Primary accent color for progress bars, buttons, and highlights
`background_color`	Live Activity background color override
`text_color`	Text color override