style-dictionary/examples/advanced/referencing_aliasing/tokens/color/base.json

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

{
  "color": {
    "base": {
      "white": { "value": "#FFFFFF", "type": "color" },
      "gray": {
        "light": { "value": "#CCCCCC", "type": "color" },
        "medium": { "value": { "r": 146, "g": 153, "b": 162 }, "type": "color" },
        "dark": { "value": "#111111", "type": "color" }
      },
      "red": { "value": "#FF0000", "type": "color" },
      "green": { "value": "#00FF00", "type": "color" },
      "blue": { "value": "#0000FF", "type": "color" }
    },
    "primary": { "value": "{color.base.green}", "type": "color" },
    "secondary": { "value": "{color.base.blue}", "type": "color" }
  }
}