style-dictionary
Version:
Style once, use everywhere. A build system for creating cross-platform styles.
35 lines (32 loc) • 1.87 kB
JSON
{
"color": {
"font": {
"base": { "value": "{color.base.grey.900.value}", "type": "color" },
"secondary": { "value": "{color.base.grey.800.value}", "type": "color" },
"tertiary": { "value": "{color.base.grey.600.value}", "type": "color" },
"quaternary": { "value": "{color.base.grey.400.value}", "type": "color" },
"link": { "value": "{color.brand.primary.base.value}", "type": "color" },
"active": { "value": "{color.brand.secondary.base.value}", "type": "color" },
"error": { "value": "{color.base.red.600.value}", "type": "color" },
"warning": { "value": "{color.base.orange.800.value}", "type": "color" },
"success": { "value": "{color.base.green.600.value}", "type": "color" },
"disabled": { "value": "{color.font.secondary.value}", "type": "color" },
"inverse": {
"base": { "value": "{color.base.white.value}", "type": "color" },
"secondary": { "value": "{color.base.grey.100.value}", "type": "color" },
"tertiary": { "value": "{color.base.grey.200.value}", "type": "color" },
"quaternary": { "value": "{color.base.grey.400.value}", "type": "color" },
"link": { "value": "{color.brand.primary.light.value}", "type": "color" },
"active": { "value": "{color.brand.secondary.light.value}", "type": "color" },
"error": { "value": "{color.base.red.400.value}", "type": "color" },
"warning": { "value": "{color.base.orange.400.value}", "type": "color" },
"success": { "value": "{color.base.green.400.value}", "type": "color" },
"disabled": { "value": "{color.font.inverse.secondary.value}", "type": "color" }
},
"button": {
"primary": { "value": "{color.font.inverse.base.value}", "type": "color" },
"secondary": { "value": "{color.font.link.value}", "type": "color" }
}
}
}
}