@finbertmds/fuselage-tokens
Version:
Design tokens for Fuselage, Rocket.Chat's design system
85 lines (84 loc) • 2.23 kB
JSON
{
"status": {
"light": {
"info": "#D1EBFE",
"font-on-info": "#095AD2",
"success": "#C0F6E4",
"font-on-success": "#148660",
"danger": "#FFC1C9",
"font-on-danger": "#9B1325",
"warning": "#FFECAD",
"font-on-warning": "#8E6300",
"warning-2": "#FFF8E0",
"font-on-warning-2": "#2F343D",
"service-1": "#FAD1B0",
"font-on-service-1": "#974809",
"service-2": "#EDD0F7",
"font-on-service-2": "#7F1B9F",
"service-3": "#5F1477",
"font-on-service-3": "#ffffff"
},
"high-contrast": {
"info": "#D1EBFE",
"font-on-info": "#10529E",
"success": "#C0F6E4",
"font-on-success": "#0D5940",
"danger": "#FFC1C9",
"font-on-danger": "#6B0513",
"warning": "#FFECAD",
"font-on-warning": "#573D00",
"warning-2": "#FFF8E0",
"font-on-warning-2": "#2F343D",
"service-1": "#FAD1B0",
"font-on-service-1": "#5B2C06",
"service-2": "#EDD0F7",
"font-on-service-2": "#7F1B9F",
"service-3": "#5F1477",
"font-on-service-3": "#ffffff"
},
"dark": {
"info": "#A8C3EB",
"font-on-info": "#739EDE",
"success": "#C1EBDD",
"font-on-success": "#58AD90",
"danger": "#F7CFD4",
"font-on-danger": "#D88892",
"warning": "#FEEFBE",
"font-on-warning": "#C7AA66",
"warning-2": "#3C3625",
"font-on-warning-2": "#FFFFFF",
"service-1": "#FCE3CF",
"font-on-service-1": "#CA9163",
"service-2": "#EDD0F7",
"font-on-service-2": "#C393D2",
"service-3": "#5F1477",
"font-on-service-3": "#FFFFFF"
}
},
"statusBullet": {
"light": {
"online": "#148660",
"away": "#AC892F",
"busy": "#D40C26",
"disabled": "#F38C39",
"offline": "#6C737A",
"loading": "#6C737A"
},
"high-contrast": {
"online": "#0D5940",
"away": "#AC892F",
"busy": "#6B0513",
"disabled": "#BD5A0B",
"offline": "#1F2329",
"loading": "#1F2329"
},
"dark": {
"online": "#1CBF89",
"away": "#B08C30",
"busy": "#C75765",
"disabled": "#CC7F42",
"offline": "#8B9098",
"loading": "#8B9098"
}
}
}