style-dictionary
Version:
Style once, use everywhere. A build system for creating cross-platform styles.
76 lines (72 loc) • 2.27 kB
JSON
{
"color": {
"background": {
"base": {
"value": "{color.base.white.value}",
"type": "color",
"attributes": { "font": "base" }
},
"alt": {
"value": "{color.base.blue_grey.100.value}",
"type": "color",
"attributes": { "font": "base" }
},
"disabled": {
"value": "{color.base.blue_grey.100.value}",
"type": "color",
"attributes": { "font": "base" }
},
"inverse": {
"value": "{color.base.blue_grey.900.value}",
"type": "color",
"attributes": { "font": "inverse" }
},
"success": {
"value": "{color.base.green.600.value}",
"type": "color",
"attributes": { "font": "inverse" }
},
"error": {
"value": "{color.base.red.600.value}",
"type": "color",
"attributes": { "font": "inverse" }
},
"warning": {
"value": "{color.base.orange.800.value}",
"type": "color",
"attributes": { "font": "inverse" }
},
"info": {
"value": "{color.base.light_blue.600.value}",
"type": "color",
"attributes": { "font": "inverse" }
},
"link": {
"value": "{color.base.light_blue.600.value}",
"type": "color",
"attributes": { "font": "inverse" }
},
"low-priority": {
"value": "{color.base.grey.600.value}",
"type": "color",
"attributes": { "font": "inverse" }
},
"button": {
"primary": {
"base": { "value": "{color.brand.primary.base.value}", "type": "color" },
"disabled": { "value": "{color.brand.primary.light.value}", "type": "color" },
"active": { "value": "{color.brand.primary.dark.value}", "type": "color" }
},
"secondary": {
"base": { "value": "{color.brand.secondary.base.value}", "type": "color" },
"disabled": { "value": "{color.brand.secondary.light.value}", "type": "color" },
"active": { "value": "{color.brand.secondary.dark.value}", "type": "color" }
}
},
"overlay": {
"light": { "value": "#FFFFFFCC", "type": "color" },
"dark": { "value": "#00000044", "type": "color" }
}
}
}
}