@maggioli-design-system/design-tokens
Version:
This is the Design Token library of Maggioli Design System, here you'll find all the visual data used around the libraries.
294 lines • 5.78 kB
JSON
{
"color": {
"status": {
"info": {
"light": {
"1": {
"value": "#00244c"
},
"2": {
"value": "#003862"
},
"3": {
"value": "#00507b"
},
"4": {
"value": "#006d9a"
},
"5": {
"value": "#008ab8"
},
"6": {
"value": "#37b6e3"
},
"7": {
"value": "#7ccaeb"
},
"8": {
"value": "#a8dbf2"
},
"9": {
"value": "#d2ecf9"
},
"10": {
"value": "#def2fa"
},
"color": {
"value": "#23B2E1"
}
},
"dark": {
"1": {
"value": "#edf8fd"
},
"2": {
"value": "#def2fa"
},
"3": {
"value": "#c6e7f7"
},
"4": {
"value": "#9fd8f1"
},
"5": {
"value": "#70c6ea"
},
"6": {
"value": "#00a1d0"
},
"7": {
"value": "#0086b4"
},
"8": {
"value": "#006b97"
},
"9": {
"value": "#004974"
},
"10": {
"value": "#003d67"
},
"color": {
"value": "#23B2E1"
}
}
},
"success": {
"light": {
"1": {
"value": "#002b00"
},
"2": {
"value": "#004000"
},
"3": {
"value": "#005911"
},
"4": {
"value": "#007630"
},
"5": {
"value": "#00944c"
},
"6": {
"value": "#2bc076"
},
"7": {
"value": "#78d29b"
},
"8": {
"value": "#a5e1ba"
},
"9": {
"value": "#d1efdb"
},
"10": {
"value": "#def4e4"
},
"color": {
"value": "#21BF73"
}
},
"dark": {
"1": {
"value": "#edf9f1"
},
"2": {
"value": "#def4e4"
},
"3": {
"value": "#c4ebd1"
},
"4": {
"value": "#9edeb5"
},
"5": {
"value": "#6bce93"
},
"6": {
"value": "#00ab61"
},
"7": {
"value": "#009048"
},
"8": {
"value": "#00742e"
},
"9": {
"value": "#005209"
},
"10": {
"value": "#004500"
},
"color": {
"value": "#21BF73"
}
}
},
"error": {
"light": {
"1": {
"value": "#480000"
},
"2": {
"value": "#6a0000"
},
"3": {
"value": "#930419"
},
"4": {
"value": "#b83438"
},
"5": {
"value": "#d95352"
},
"6": {
"value": "#f58b86"
},
"7": {
"value": "#fbaba6"
},
"8": {
"value": "#fec6c2"
},
"9": {
"value": "#ffe1df"
},
"10": {
"value": "#ffeae7"
},
"color": {
"value": "#ED6663"
}
},
"dark": {
"1": {
"value": "#fff3f2"
},
"2": {
"value": "#ffeae7"
},
"3": {
"value": "#ffd9d6"
},
"4": {
"value": "#fec1bd"
},
"5": {
"value": "#faa5a0"
},
"6": {
"value": "#ef6c69"
},
"7": {
"value": "#d4504f"
},
"8": {
"value": "#b63236"
},
"9": {
"value": "#87000e"
},
"10": {
"value": "#730000"
},
"color": {
"value": "#ED6663"
}
}
},
"warning": {
"light": {
"1": {
"value": "#302400"
},
"2": {
"value": "#463500"
},
"3": {
"value": "#624900"
},
"4": {
"value": "#836200"
},
"5": {
"value": "#a47b00"
},
"6": {
"value": "#d6a000"
},
"7": {
"value": "#f2b500"
},
"8": {
"value": "#ffcd39"
},
"9": {
"value": "#ffe69d"
},
"10": {
"value": "#ffedb9"
},
"color": {
"value": "#FFC107"
}
},
"dark": {
"1": {
"value": "#fff6d9"
},
"2": {
"value": "#ffedb9"
},
"3": {
"value": "#ffdf81"
},
"4": {
"value": "#ffc821"
},
"5": {
"value": "#edb100"
},
"6": {
"value": "#be8e00"
},
"7": {
"value": "#9f7800"
},
"8": {
"value": "#816000"
},
"9": {
"value": "#5a4300"
},
"10": {
"value": "#4d3900"
},
"color": {
"value": "#FFC107"
}
}
}
}
}
}