@devoinc/genesys-tokens
Version:
Design tokens generator
119 lines (118 loc) • 2.91 kB
JSON
{
"theme": {
"mainMenu": {
"color": {
"background": {
"base": {
"value": "{global.color.neutral.15.value}"
},
"backdrop": {
"base": {
"value": "{global.color.blend.black.06.value}"
},
"activated": {
"value": "{global.color.blend.white.02.value}"
}
}
},
"border": {
"separator": {
"value": "{global.color.blend.white.03.value}"
}
},
"text": {
"base": {
"value": "{global.color.neutral.06.value}"
},
"featured": {
"value": "{global.color.blend.white.25.value}"
}
}
},
"link": {
"color": {
"text": {
"enabled": {
"value": "{global.color.neutral.06.value}"
},
"hovered": {
"value": "{global.color.blend.white.25.value}"
},
"activated": {
"value": "{global.color.blend.white.25.value}"
}
}
}
},
"linkSecondary": {
"color": {
"text": {
"activated": {
"value": "{global.color.blend.white.25.value}"
}
}
}
},
"linkIcon": {
"color": {
"text": {
"activated": {
"value": "{global.color.primary.05.value}"
}
}
}
},
"overlay": {
"color": {
"background": {
"value": "{global.color.primary.06.alt.rgbValues}"
}
}
},
"field": {
"color": {
"background": {
"value": "{global.color.blend.white.03.value}"
},
"border": {
"enabled": {
"value": "{global.color.blend.white.04.value}"
},
"hovered": {
"value": "{global.color.blend.white.11.value}"
}
},
"text": {
"placeholder": {
"value": "{global.color.blend.white.06.value}"
},
"enabled": {
"value": "{global.color.blend.white.14.value}"
},
"focused": {
"value": "{global.color.blend.white.18.value}"
},
"featured": {
"value": "{global.color.blend.white.25.value}"
}
}
}
},
"button": {
"color": {
"background": {
"value": "{global.color.blend.white.04.value}"
},
"text": {
"enabled": {
"value": "{global.color.blend.white.21.value}"
},
"hovered": {
"value": "{global.color.blend.white.25.value}"
}
}
}
}
}
}
}