@visual-framework/vf-design-tokens
Version:
A collection of design tokens for consumption across projects and products
95 lines • 2.83 kB
JSON
{
"properties": [
{
"type": "color",
"category": "color",
"name": "vfThemePrimary",
"value": "#3b6fb6",
"meta": {
"friendlyName": "EMBL Primary",
"sassVariable": "vf-theme--primary",
"CSSCustomProperty": "--vf-theme--primary",
"Deprecated": true,
"DeprecatedText": "Please use the <code>vf-color__brand</code> token."
}
},
{
"type": "color",
"category": "color",
"name": "vfThemePrimaryDark",
"value": "#193f90",
"meta": {
"friendlyName": "EMBL Primary Dark",
"sassVariable": "vf-theme--primary--dark",
"CSSCustomProperty": "--vf-theme--primary--dark",
"Deprecated": true,
"DeprecatedText": "Please use the <code>vf-color__brand-dark</code> token."
}
},
{
"type": "color",
"category": "color",
"name": "vfThemeSecondary",
"value": "#18974c",
"meta": {
"friendlyName": "EMBL Secondary",
"sassVariable": "vf-theme--secondary",
"CSSCustomProperty": "--vf-theme--secondary",
"Deprecated": true,
"DeprecatedText": "Please use the <code>vf-color__brand</code> token."
}
},
{
"type": "color",
"category": "color",
"name": "vfThemeSecondaryDark",
"value": "#007b53",
"meta": {
"friendlyName": "EMBL Secondary Dark",
"sassVariable": "vf-theme--secondary--dark",
"CSSCustomProperty": "--vf-theme--secondary--dark",
"Deprecated": true,
"DeprecatedText": "Please use the <code>vf-color__brand-dark</code> token."
}
},
{
"type": "color",
"category": "color",
"name": "vfThemeTertiary",
"value": "#54585a",
"meta": {
"friendlyName": "EMBL Tertiary",
"sassVariable": "vf-theme--tertiary",
"CSSCustomProperty": "--vf-theme--tertiary",
"Deprecated": true,
"DeprecatedText": "Please use the <code>vf-color__brand</code> token."
}
},
{
"type": "color",
"category": "color",
"name": "vfThemeQuaternary",
"value": "#f4c61f",
"meta": {
"friendlyName": "EMBL Quaternary",
"sassVariable": "vf-theme--quaternary",
"CSSCustomProperty": "--vf-theme--quaternary",
"Deprecated": true,
"DeprecatedText": "Please use the <code>vf-color__brand</code> token."
}
},
{
"type": "color",
"category": "color",
"name": "vfThemeQuinary",
"value": "#d0d0ce",
"meta": {
"friendlyName": "EMBL Quinary",
"sassVariable": "vf-theme--quinary",
"CSSCustomProperty": "--vf-theme--quinary",
"Deprecated": true,
"DeprecatedText": "Please use the <code>vf-color__brand</code> token."
}
}
]
}