sparkle-design-cli
Version:
Sparkle Design CSS Generator - デザインシステムCSSを設定ファイルから生成するツール
92 lines (91 loc) • 1.74 kB
JSON
{
"blue": {
"50": "#e5f6ff",
"100": "#ceedff",
"200": "#97d3ff",
"300": "#61b3ff",
"400": "#218bff",
"500": "#0969da",
"600": "#0550ae",
"700": "#033d8b",
"800": "#0a3069",
"900": "#002155"
},
"red": {
"50": "#fff6f5",
"100": "#ffe5e4",
"200": "#ffbbb9",
"300": "#ff8182",
"400": "#fa4549",
"500": "#cf222e",
"600": "#a40e26",
"700": "#82071e",
"800": "#660018",
"900": "#4c0014"
},
"orange": {
"50": "#fff1e5",
"100": "#ffd8b5",
"200": "#ffb77c",
"300": "#fb8f44",
"400": "#e16f24",
"500": "#bc4c00",
"600": "#953800",
"700": "#762c00",
"800": "#5c2200",
"900": "#471700"
},
"yellow": {
"50": "#fffbe2",
"100": "#fdedba",
"200": "#fad573",
"300": "#f0b800",
"400": "#cc8f00",
"500": "#9a6700",
"600": "#7d4e00",
"700": "#633c01",
"800": "#4d2d00",
"900": "#3b2300"
},
"purple": {
"50": "#fbefff",
"100": "#ecd8ff",
"200": "#d8b9ff",
"300": "#c297ff",
"400": "#a475f9",
"500": "#8250df",
"600": "#6639ba",
"700": "#512a97",
"800": "#3e1f79",
"900": "#2e1461"
},
"green": {
"50": "#edfdf0",
"100": "#c5f7d0",
"200": "#6fdd8b",
"300": "#4ac26b",
"400": "#2da44e",
"500": "#1a7f37",
"600": "#116329",
"700": "#044f1e",
"800": "#003d16",
"900": "#002d11"
},
"pink": {
"50": "#ffeff7",
"100": "#ffd3eb",
"200": "#ffadda",
"300": "#ff80c8",
"400": "#e85aad",
"500": "#bf3989",
"600": "#99286e",
"700": "#772057",
"800": "#611347",
"900": "#4d0336"
},
"black": "#000000",
"white": "#ffffff",
"ring": {
"normal": "#096cdc"
}
}