style-dictionary/examples/complete/tokens/color/chart.json

Style once, use everywhere. A build system for creating cross-platform styles.

{
  "color": {
    "chart": {
      "stacked": {
        "base": {
          "100": { "value": "{color.base.blue.100}", "type": "color" },
          "200": { "value": "{color.base.blue.200}", "type": "color" },
          "300": { "value": "{color.base.blue.300}", "type": "color" },
          "400": { "value": "{color.base.blue.400}", "type": "color" },
          "500": { "value": "{color.base.blue.500}", "type": "color" },
          "600": { "value": "{color.base.blue.600}", "type": "color" },
          "700": { "value": "{color.base.blue.700}", "type": "color" },
          "800": { "value": "{color.base.blue.800}", "type": "color" },
          "900": { "value": "{color.base.blue.900}", "type": "color" }
        }
      }
    }
  }
}