@visual-framework/vf-design-tokens/dist/json/vf-color__neutral.ios.json

A collection of design tokens for consumption across projects and products

{
  "properties": [
    {
      "type": "color",
      "category": "color",
      "name": "vfColorNeutral0",
      "value": "#ffffff",
      "meta": {
        "friendlyName": "Neutral 0",
        "sassFunction": "neutral",
        "sassMap": 0,
        "CSSCustomProperty": "--vf-color--neutral--0"
      }
    },
    {
      "type": "color",
      "category": "color",
      "name": "vfColorNeutral100",
      "value": "#f3f3f3",
      "meta": {
        "friendlyName": "Neutral 100",
        "sassFunction": "neutral",
        "sassMap": 100,
        "CSSCustomProperty": "--vf-color--neutral--100"
      }
    },
    {
      "type": "color",
      "category": "color",
      "name": "vfColorNeutral200",
      "value": "#e4e4e4",
      "meta": {
        "friendlyName": "Neutral 200",
        "sassFunction": "neutral",
        "sassMap": 200,
        "CSSCustomProperty": "--vf-color--neutral--200"
      }
    },
    {
      "type": "color",
      "category": "color",
      "name": "vfColorNeutral300",
      "value": "#d0d0ce",
      "meta": {
        "friendlyName": "Neutral 300",
        "sassFunction": "neutral",
        "sassMap": 300,
        "CSSCustomProperty": "--vf-color--neutral--300"
      }
    },
    {
      "type": "color",
      "category": "color",
      "name": "vfColorNeutral400",
      "value": "#a9abaa",
      "meta": {
        "friendlyName": "Neutral 400",
        "sassFunction": "neutral",
        "sassMap": 400,
        "CSSCustomProperty": "--vf-color--neutral--400"
      }
    },
    {
      "type": "color",
      "category": "color",
      "name": "vfColorNeutral500",
      "value": "#8d8f8e",
      "meta": {
        "friendlyName": "Neutral 500",
        "sassFunction": "neutral",
        "sassMap": 500,
        "CSSCustomProperty": "--vf-color--neutral--500"
      }
    },
    {
      "type": "color",
      "category": "color",
      "name": "vfColorNeutral600",
      "value": "#707372",
      "meta": {
        "friendlyName": "Neutral 600",
        "sassFunction": "neutral",
        "sassMap": 600,
        "CSSCustomProperty": "--vf-color--neutral--600"
      }
    },
    {
      "type": "color",
      "category": "color",
      "name": "vfColorNeutral700",
      "value": "#54585a",
      "meta": {
        "friendlyName": "Neutral 700",
        "sassFunction": "neutral",
        "sassMap": 700,
        "CSSCustomProperty": "--vf-color--neutral--700"
      }
    },
    {
      "type": "color",
      "category": "color",
      "name": "vfColorNeutral800",
      "value": "#373a36",
      "meta": {
        "friendlyName": "Neutral 800",
        "sassFunction": "neutral",
        "sassMap": 800,
        "CSSCustomProperty": "--vf-color--neutral--800"
      }
    },
    {
      "type": "color",
      "category": "color",
      "name": "vfColorNeutral900",
      "value": "#000000",
      "meta": {
        "friendlyName": "Neutral 900",
        "sassFunction": "neutral",
        "sassMap": 900,
        "CSSCustomProperty": "--vf-color--neutral--900"
      }
    }
  ]
}