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

A collection of design tokens for consumption across projects and products

{
  "properties": [
    {
      "type": "color",
      "category": "color",
      "name": "vfColorTextPrimary",
      "value": "#1a1c1a",
      "meta": {
        "friendlyName": "Primary Text Colour",
        "sassFunction": "text-color",
        "sassMap": "primary",
        "sassVariable": "vf-color__text--primary",
        "CSSCustomProperty": "-vf-color__text--primary",
        "comment": null
      }
    },
    {
      "type": "color",
      "category": "color",
      "name": "vfColorTextSecondary",
      "value": "#373a36",
      "meta": {
        "friendlyName": "Secondary Text Colour",
        "sassFunction": "text-color",
        "sassMap": "secondary",
        "sassVariable": "vf-color__text--secondary",
        "CSSCustomProperty": "-vf-color__text--secondary",
        "comment": null
      }
    },
    {
      "type": "color",
      "category": "color",
      "name": "vfColorLink",
      "value": "#3b6fb6",
      "meta": {
        "friendlyName": "Link Colour",
        "sassFunction": "text-color",
        "sassMap": "default",
        "sassVariable": "vf-color__link",
        "CSSCustomProperty": "--vf-color__link",
        "comment": null
      }
    },
    {
      "type": "color",
      "category": "color",
      "name": "vfColorLinkHover",
      "value": "#193f90",
      "meta": {
        "friendlyName": "Link Hover Colour",
        "sassFunction": "text-color",
        "sassMap": "hover",
        "sassVariable": "vf-color__link--hover",
        "CSSCustomProperty": "--vf-color__link--hover",
        "comment": null
      }
    },
    {
      "type": "color",
      "category": "color",
      "name": "vfColorLinkFocus",
      "value": "#193f90",
      "meta": {
        "friendlyName": "Link Focus Colour",
        "sassFunction": "text-color",
        "sassMap": "focus",
        "sassVariable": "vf-color__link--focus",
        "CSSCustomProperty": "--vf-color__link--focus",
        "comment": null
      }
    },
    {
      "type": "color",
      "category": "color",
      "name": "vfColorLinkVisited",
      "value": "#563d82",
      "meta": {
        "friendlyName": "Link Visited Colour",
        "sassFunction": "text-color",
        "sassMap": "visited",
        "sassVariable": "vf-color__link--visited",
        "CSSCustomProperty": "--vf-color__link--visited",
        "comment": null
      }
    }
  ]
}