Skip to content

Appearance

Control the background and device appearance.

Usage

json
{
  "settings": {
    "appearance": {
      "backgroundColor": "#1a1a2e",
      "gradientEnabled": true,
      "gradientColor": "#16213e",
      "deviceColor": "#000000"
    }
  }
}

Properties

PropertyTypeRangeDescription
backgroundColorstringHex colorBackground color (e.g., #1a1a2e)
gradientEnabledboolean-Enable gradient background
gradientColorstringHex colorGradient end color
deviceColorstringHex colorDevice frame color

Color Format

Colors must be in 6-character hex format with a # prefix:

#RRGGBB

Examples:

  • #000000 - Black
  • #ffffff - White
  • #1a1a2e - Dark blue

Examples

Solid Background

json
{
  "settings": {
    "appearance": {
      "backgroundColor": "#0f0f0f"
    }
  }
}

Gradient Background

json
{
  "settings": {
    "appearance": {
      "backgroundColor": "#1a1a2e",
      "gradientEnabled": true,
      "gradientColor": "#16213e"
    }
  }
}

Custom Device Color

json
{
  "settings": {
    "appearance": {
      "backgroundColor": "#ffffff",
      "deviceColor": "#c0c0c0"
    }
  }
}

Shotprose API Documentation