Newer
Older
vmk-ui-kit / figma design parts / vars / global.tokens.json
{
  "yellow": {
    "50": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9960784316062927,
          0.9960784316062927,
          0.9411764740943909
        ],
        "alpha": 1,
        "hex": "#FEFEF0"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97803",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "100": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9921568632125854,
          0.9882352948188782,
          0.7215686440467834
        ],
        "alpha": 1,
        "hex": "#FDFCB8"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97804",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "200": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9882352948188782,
          0.9843137264251709,
          0.5803921818733215
        ],
        "alpha": 1,
        "hex": "#FCFB94"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98040",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "300": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9882352948188782,
          0.9921568632125854,
          0.4627451002597809
        ],
        "alpha": 1,
        "hex": "#FCFD76"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97805",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "400": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9411764740943909,
          0.9450980424880981,
          0.4000000059604645
        ],
        "alpha": 1,
        "hex": "#F0F166"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98041",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "500": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9098039269447327,
          0.9137254953384399,
          0.29019609093666077
        ],
        "alpha": 1,
        "hex": "#E8E94A"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97806",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "600": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8352941274642944,
          0.8392156958580017,
          0.21176470816135406
        ],
        "alpha": 1,
        "hex": "#D5D636"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98042",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "700": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.7686274647712708,
          0.772549033164978,
          0.125490203499794
        ],
        "alpha": 1,
        "hex": "#C4C520"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97807",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "800": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.6509804129600525,
          0.6549019813537598,
          0.10588235408067703
        ],
        "alpha": 1,
        "hex": "#A6A71B"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98043",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "900": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.5411764979362488,
          0.545098066329956,
          0.07058823853731155
        ],
        "alpha": 1,
        "hex": "#8A8B12"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98044",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    }
  },
  "neutral": {
    "0": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "alpha": 1,
        "hex": "#FFFFFF"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006354:7380",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "25": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9882352948188782,
          0.9882352948188782,
          0.9882352948188782
        ],
        "alpha": 1,
        "hex": "#FCFCFC"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97808",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "50": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9686274528503418,
          0.9686274528503418,
          0.9725490212440491
        ],
        "alpha": 1,
        "hex": "#F7F7F8"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006339:98033",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "100": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9411764740943909,
          0.9411764740943909,
          0.9411764740943909
        ],
        "alpha": 1,
        "hex": "#F0F0F0"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97809",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "200": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8823529481887817,
          0.886274516582489,
          0.8901960849761963
        ],
        "alpha": 1,
        "hex": "#E1E2E3"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006339:98034",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "300": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8509804010391235,
          0.8509804010391235,
          0.8509804010391235
        ],
        "alpha": 1,
        "hex": "#D9D9D9"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97810",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "400": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.7176470756530762,
          0.729411780834198,
          0.7450980544090271
        ],
        "alpha": 1,
        "hex": "#B7BABE"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006339:98035",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "500": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.6117647290229797,
          0.6392157077789307,
          0.686274528503418
        ],
        "alpha": 1,
        "hex": "#9CA3AF"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97811",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "600": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.5098039507865906,
          0.5254902243614197,
          0.5529412031173706
        ],
        "alpha": 1,
        "hex": "#82868D"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006339:98036",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "700": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.41960784792900085,
          0.4470588266849518,
          0.501960813999176
        ],
        "alpha": 1,
        "hex": "#6B7280"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97812",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "800": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.24705882370471954,
          0.2549019753932953,
          0.2705882489681244
        ],
        "alpha": 1,
        "hex": "#3F4145"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006339:98037",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "900": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.11999999731779099,
          0.11999999731779099,
          0.11999999731779099
        ],
        "alpha": 1,
        "hex": "#1F1F1F"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97813",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    }
  },
  "mint": {
    "50": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9490196108818054,
          0.9803921580314636,
          0.9843137264251709
        ],
        "alpha": 1,
        "hex": "#F2FAFB"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97814",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "100": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9137254953384399,
          0.9647058844566345,
          0.9725490212440491
        ],
        "alpha": 1,
        "hex": "#E9F6F8"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98045",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "200": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8745098114013672,
          0.9450980424880981,
          0.95686274766922
        ],
        "alpha": 1,
        "hex": "#DFF1F4"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98046",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "300": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8509804010391235,
          0.9333333373069763,
          0.9490196108818054
        ],
        "alpha": 1,
        "hex": "#D9EEF2"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97815",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "400": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.7450980544090271,
          0.8784313797950745,
          0.9019607901573181
        ],
        "alpha": 1,
        "hex": "#BEE0E6"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98047",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "500": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.6627451181411743,
          0.8470588326454163,
          0.8745098114013672
        ],
        "alpha": 1,
        "hex": "#A9D8DF"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97816",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "600": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.4941176474094391,
          0.7529411911964417,
          0.7882353067398071
        ],
        "alpha": 1,
        "hex": "#7EC0C9"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98048",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "700": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.30588236451148987,
          0.5882353186607361,
          0.6274510025978088
        ],
        "alpha": 1,
        "hex": "#4E96A0"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98049",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "800": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.1921568661928177,
          0.40784314274787903,
          0.45098039507865906
        ],
        "alpha": 1,
        "hex": "#316873"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98050",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "900": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.12156862765550613,
          0.29411765933036804,
          0.32156863808631897
        ],
        "alpha": 1,
        "hex": "#1F4B52"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98051",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    }
  },
  "lavender": {
    "50": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.95686274766922,
          0.9529411792755127,
          0.9882352948188782
        ],
        "alpha": 1,
        "hex": "#F4F3FC"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97817",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "100": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9254902005195618,
          0.9215686321258545,
          0.9803921580314636
        ],
        "alpha": 1,
        "hex": "#ECEBFA"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98052",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "200": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8823529481887817,
          0.8784313797950745,
          0.9686274528503418
        ],
        "alpha": 1,
        "hex": "#E1E0F7"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98054",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "300": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8470588326454163,
          0.843137264251709,
          0.9607843160629272
        ],
        "alpha": 1,
        "hex": "#D8D7F5"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97818",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "400": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.7529411911964417,
          0.7450980544090271,
          0.9411764740943909
        ],
        "alpha": 1,
        "hex": "#C0BEF0"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98053",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "500": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.6313725709915161,
          0.6235294342041016,
          0.8784313797950745
        ],
        "alpha": 1,
        "hex": "#A19FE0"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98055",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "600": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.5176470875740051,
          0.5098039507865906,
          0.7686274647712708
        ],
        "alpha": 1,
        "hex": "#8482C4"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98056",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "700": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.35686275362968445,
          0.3529411852359772,
          0.6117647290229797
        ],
        "alpha": 1,
        "hex": "#5B5A9C"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97819",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "800": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.29019609093666077,
          0.2823529541492462,
          0.501960813999176
        ],
        "alpha": 1,
        "hex": "#4A4880"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98057",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "900": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.239215686917305,
          0.23137255012989044,
          0.47843137383461
        ],
        "alpha": 1,
        "hex": "#3D3B7A"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006340:98058",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    }
  },
  "success": {
    "bg": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8666666746139526,
          0.9529411792755127,
          0.8941176533699036
        ],
        "alpha": 1,
        "hex": "#DDF3E4"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97820",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.11764705926179886,
          0.47843137383461,
          0.27450981736183167
        ],
        "alpha": 1,
        "hex": "#1E7A46"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97821",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    }
  },
  "danger": {
    "bg": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9843137264251709,
          0.8941176533699036,
          0.886274516582489
        ],
        "alpha": 1,
        "hex": "#FBE4E2"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97822",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8392156958580017,
          0.2705882489681244,
          0.2705882489681244
        ],
        "alpha": 1,
        "hex": "#D64545"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97823",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    }
  },
  "info": {
    "bg": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9176470637321472,
          0.95686274766922,
          0.9960784316062927
        ],
        "alpha": 1,
        "hex": "#EAF4FE"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97824",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.14509804546833038,
          0.38823530077934265,
          0.6509804129600525
        ],
        "alpha": 1,
        "hex": "#2563A6"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006337:97825",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    }
  },
  "warning": {
    "bg": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9960784316062927,
          0.9538205862045288,
          0.8964706063270569
        ],
        "alpha": 1,
        "hex": "#FEF3E5"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006339:98038",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    },
    "text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.7058823704719543,
          0.32549020648002625,
          0.03529411926865578
        ],
        "alpha": 1,
        "hex": "#B45309"
      },
      "$extensions": {
        "com.figma.variableId": "VariableID:40006339:98039",
        "com.figma.scopes": [
          "ALL_SCOPES"
        ]
      }
    }
  },
  "$extensions": {
    "com.figma.modeName": "global"
  }
}