Colors

Primary Color

Set your brand's primary color:

{
  "colors": {
    "primary": "#1199fb"
  }
}

Light & Dark Mode Colors

Set different colors for light and dark modes:

{
  "colors": {
    "primary": "#1199fb",
    "light": "#1199fb",
    "dark": "#00d4ff"
  }
}

Background Colors

Customize background colors:

{
  "colors": {
    "primary": "#1199fb",
    "background": {
      "light": "#ffffff",
      "dark": "#1c1a1f"
    }
  }
}

Complete Example

{
  "colors": {
    "primary": "#1199fb",
    "light": "#1199fb",
    "dark": "#00d4ff",
    "background": {
      "light": "#ffffff",
      "dark": "#1c1a1f"
    }
  }
}