Skip to content

Light theme tokens

This example supplies the light theme brand color that pairs with the dark palette. It shares the same structure so theming systems can swap documents without extra mapping.

See light.tokens.json for the complete document.

Sample tokens

json
{
  "$version": "1.0.0",
  "color": {
    "$type": "color",
    "brand": {
      "$value": {
        "colorSpace": "srgb",
        "components": [1, 0.2, 0.2]
      }
    }
  }
}