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.value}", "type": "color" },
          "200": { "value": "{color.base.blue.200.value}", "type": "color" },
          "300": { "value": "{color.base.blue.300.value}", "type": "color" },
          "400": { "value": "{color.base.blue.400.value}", "type": "color" },
          "500": { "value": "{color.base.blue.500.value}", "type": "color" },
          "600": { "value": "{color.base.blue.600.value}", "type": "color" },
          "700": { "value": "{color.base.blue.700.value}", "type": "color" },
          "800": { "value": "{color.base.blue.800.value}", "type": "color" },
          "900": { "value": "{color.base.blue.900.value}", "type": "color" }
        }
      }
    }
  }
}