sparkle-design-cli
Version:
Sparkle Design CSS Generator - デザインシステムCSSを設定ファイルから生成するツール
87 lines (86 loc) • 1.83 kB
JSON
{
"blue": {
"0": "#f6f8fa",
"1": "#eaeef2",
"2": "#d0d7de",
"3": "#afb8c1",
"4": "#8c959f",
"5": "#6e7781",
"6": "#57606a",
"7": "#424a53",
"8": "#32383f",
"9": "#24292f"
},
"green": {
"0": "#f6f7f6",
"1": "#e2e5e2",
"2": "#c5cac6",
"3": "#a0a8a2",
"4": "#7c857e",
"5": "#626a64",
"6": "#49504b",
"7": "#404542",
"8": "#2f3230",
"9": "#181b19"
},
"yellow": {
"0": "#f6f5f5",
"1": "#e8e6e5",
"2": "#d3d1ce",
"3": "#b4b1ac",
"4": "#8e8a82",
"5": "#736f67",
"6": "#625f58",
"7": "#504e49",
"8": "#3f3e3a",
"9": "#282724"
},
"orange": {
"0": "#efefef",
"1": "#cfcdcc",
"2": "#b7b4b3",
"3": "#969290",
"4": "#827d7b",
"5": "#635d5a",
"6": "#5a5552",
"7": "#464240",
"8": "#363332",
"9": "#2a2726"
},
"red": {
"0": "#f4f2f3",
"1": "#e2dfdf",
"2": "#c7c1c1",
"3": "#a79d9d",
"4": "#8e8182",
"5": "#7e7273",
"6": "#6c6263",
"7": "#585052",
"8": "#443f41",
"9": "#262223"
},
"purple": {
"0": "#f2f1f2",
"1": "#d5d4d8",
"2": "#c1bfc5",
"3": "#a5a2ab",
"4": "#94909a",
"5": "#797481",
"6": "#6e6a75",
"7": "#56525c",
"8": "#434047",
"9": "#333136"
},
"pink": {
"0": "#f1f0f1",
"1": "#d5d1d4",
"2": "#c0bbbf",
"3": "#a49da1",
"4": "#92898f",
"5": "#776c73",
"6": "#6c6269",
"7": "#544d52",
"8": "#413b3f",
"9": "#322d30"
}
}