@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": "#001942"
},
"2": {
"value": "#00446d"
},
"3": {
"value": "#00517c"
},
"4": {
"value": "#00628d"
},
"5": {
"value": "#0075a2"
},
"6": {
"value": "#0099c7"
},
"7": {
"value": "#7acaeb"
},
"8": {
"value": "#b0dff3"
},
"9": {
"value": "#d1ecf8"
},
"10": {
"value": "#ecf7fc"
},
"color": {
"value": "#23B2E1"
}
},
"dark": {
"1": {
"value": "#d2edf9"
},
"2": {
"value": "#61c1e7"
},
"3": {
"value": "#22b1e0"
},
"4": {
"value": "#009dcc"
},
"5": {
"value": "#0087b5"
},
"6": {
"value": "#006691"
},
"7": {
"value": "#003c65"
},
"8": {
"value": "#002851"
},
"9": {
"value": "#001941"
},
"10": {
"value": "#000a34"
},
"color": {
"value": "#23B2E1"
}
}
},
"success": {
"light": {
"1": {
"value": "#002100"
},
"2": {
"value": "#004c03"
},
"3": {
"value": "#005a14"
},
"4": {
"value": "#006b25"
},
"5": {
"value": "#007f37"
},
"6": {
"value": "#00a359"
},
"7": {
"value": "#77d29a"
},
"8": {
"value": "#afe4c1"
},
"9": {
"value": "#d1efda"
},
"10": {
"value": "#ebf8ef"
},
"color": {
"value": "#21BF73"
}
},
"dark": {
"1": {
"value": "#d2f0db"
},
"2": {
"value": "#5ccb8b"
},
"3": {
"value": "#19bb70"
},
"4": {
"value": "#00a75d"
},
"5": {
"value": "#009148"
},
"6": {
"value": "#006f28"
},
"7": {
"value": "#004400"
},
"8": {
"value": "#003000"
},
"9": {
"value": "#002100"
},
"10": {
"value": "#001400"
},
"color": {
"value": "#21BF73"
}
}
},
"error": {
"light": {
"1": {
"value": "#400000"
},
"2": {
"value": "#88000e"
},
"3": {
"value": "#9a111f"
},
"4": {
"value": "#ac292e"
},
"5": {
"value": "#c23f40"
},
"6": {
"value": "#e96260"
},
"7": {
"value": "#fbaba5"
},
"8": {
"value": "#ffccc8"
},
"9": {
"value": "#ffe1df"
},
"10": {
"value": "#fff3f1"
},
"color": {
"value": "#ED6663"
}
},
"dark": {
"1": {
"value": "#ffe3e0"
},
"2": {
"value": "#f99d97"
},
"3": {
"value": "#f4847e"
},
"4": {
"value": "#ed6763"
},
"5": {
"value": "#d65150"
},
"6": {
"value": "#b12d32"
},
"7": {
"value": "#7a0001"
},
"8": {
"value": "#590000"
},
"9": {
"value": "#420000"
},
"10": {
"value": "#270000"
},
"color": {
"value": "#ED6663"
}
}
},
"warning": {
"light": {
"1": {
"value": "#231a00"
},
"2": {
"value": "#523d00"
},
"3": {
"value": "#624900"
},
"4": {
"value": "#755700"
},
"5": {
"value": "#8b6800"
},
"6": {
"value": "#b38700"
},
"7": {
"value": "#f3b600"
},
"8": {
"value": "#ffd451"
},
"9": {
"value": "#ffe69c"
},
"10": {
"value": "#fff5d6"
},
"color": {
"value": "#FFC107"
}
},
"dark": {
"1": {
"value": "#ffe7a1"
},
"2": {
"value": "#e6ac00"
},
"3": {
"value": "#d09c00"
},
"4": {
"value": "#b98a00"
},
"5": {
"value": "#9f7700"
},
"6": {
"value": "#795a00"
},
"7": {
"value": "#493700"
},
"8": {
"value": "#332600"
},
"9": {
"value": "#231a00"
},
"10": {
"value": "#130e00"
},
"color": {
"value": "#FFC107"
}
}
}
}
}
}