112 lines
2.3 KiB
JSON
112 lines
2.3 KiB
JSON
{
|
|
"meta": {
|
|
"project": "soft-ui-dashboard-tailwind",
|
|
"sourceApproach": "tailwind",
|
|
"primaryFont": "Open Sans",
|
|
"colorMode": "both"
|
|
},
|
|
"colors": {
|
|
"primary": {
|
|
"50": "#f0f9ff",
|
|
"100": "#e0f2fe",
|
|
"200": "#bae6fd",
|
|
"300": "#7dd3fc",
|
|
"400": "#38bdf8",
|
|
"500": "#17c1e8",
|
|
"600": "#0891b2",
|
|
"700": "#0e7490",
|
|
"800": "#155e75",
|
|
"900": "#0e456d",
|
|
"DEFAULT": "#17c1e8"
|
|
},
|
|
"semantic": {
|
|
"success": "#82d616",
|
|
"warning": "#f59e0b",
|
|
"error": "#ea0606",
|
|
"info": "#17c1e8"
|
|
},
|
|
"neutrals": {
|
|
"white": "#ffffff",
|
|
"black": "#000000",
|
|
"gray": {
|
|
"50": "#f8f9fa",
|
|
"100": "#ebeff4",
|
|
"500": "#adb5bd",
|
|
"900": "#141727"
|
|
}
|
|
},
|
|
"brand": {
|
|
"slate-700": "#344767",
|
|
"slate-800": "#3a416f",
|
|
"slate-900": "#0f172a",
|
|
"purple-500": "#7928ca",
|
|
"pink-500": "#ff0080",
|
|
"fuchsia-500": "#cb0c9f"
|
|
}
|
|
},
|
|
"typography": {
|
|
"fontFamilies": {
|
|
"sans": "Open Sans, sans-serif",
|
|
"mono": "SFMono-Regular, Menlo, Monaco, Consolas, monospace"
|
|
},
|
|
"sizes": {
|
|
"xs": "0.75rem",
|
|
"sm": "0.875rem",
|
|
"base": "1rem",
|
|
"lg": "1.125rem",
|
|
"xl": "1.25rem",
|
|
"2xl": "1.5rem",
|
|
"3xl": "1.875rem",
|
|
"4xl": "2.25rem"
|
|
},
|
|
"weights": {
|
|
"light": 300,
|
|
"normal": 400,
|
|
"medium": 500,
|
|
"semibold": 600,
|
|
"bold": 700
|
|
},
|
|
"lineHeights": {
|
|
"tight": 1.25,
|
|
"normal": 1.5,
|
|
"relaxed": 1.625
|
|
}
|
|
},
|
|
"spacing": {
|
|
"1": "0.25rem",
|
|
"2": "0.5rem",
|
|
"3": "0.75rem",
|
|
"4": "1rem",
|
|
"6": "1.5rem",
|
|
"8": "2rem",
|
|
"12": "3rem",
|
|
"16": "4rem"
|
|
},
|
|
"shadows": {
|
|
"sm": "0 .25rem .375rem -.0625rem hsla(0,0%,8%,.12),0 .125rem .25rem -.0625rem hsla(0,0%,8%,.07)",
|
|
"md": "0 4px 7px -1px rgba(0,0,0,.11),0 2px 4px -1px rgba(0,0,0,.07)",
|
|
"lg": "0 2px 12px 0 rgba(0,0,0,.16)",
|
|
"xl": "0 20px 27px 0 rgba(0,0,0,0.05)"
|
|
},
|
|
"borders": {
|
|
"radius": {
|
|
"sm": "0.125rem",
|
|
"md": "0.375rem",
|
|
"lg": "0.5rem",
|
|
"xl": "0.75rem",
|
|
"full": "9999px"
|
|
},
|
|
"width": {
|
|
"default": "1px",
|
|
"2": "2px"
|
|
}
|
|
},
|
|
"breakpoints": {
|
|
"sm": "576px",
|
|
"md": "768px",
|
|
"lg": "992px",
|
|
"xl": "1200px",
|
|
"2xl": "1320px"
|
|
}
|
|
}
|