root
151 lines
3.7 KiB
JSON
151 lines
3.7 KiB
JSON
{
|
|
"$schema": "https://design-tokens.github.io/community-group/format/",
|
|
"version": "1.0",
|
|
"raw": {
|
|
"color": {
|
|
"blue": {
|
|
"50": "#eff6ff",
|
|
"100": "#dbeafe",
|
|
"200": "#bfdbfe",
|
|
"500": "#2874e8",
|
|
"600": "#1b5dd8",
|
|
"700": "#174bb5",
|
|
"800": "#183d88"
|
|
},
|
|
"orange": {
|
|
"100": "#ffedd5",
|
|
"400": "#fb923c",
|
|
"600": "#ea580c",
|
|
"700": "#c2410c"
|
|
},
|
|
"navy": {
|
|
"950": "#081426",
|
|
"900": "#0d1b2e",
|
|
"850": "#11233b",
|
|
"800": "#162b46"
|
|
},
|
|
"gray": {
|
|
"25": "#fbfdff",
|
|
"50": "#f7f9fc",
|
|
"100": "#eef2f7",
|
|
"200": "#dbe3ed",
|
|
"300": "#c6d0dc",
|
|
"500": "#64748b",
|
|
"600": "#475569",
|
|
"700": "#334155",
|
|
"800": "#1e293b",
|
|
"900": "#0f172a"
|
|
},
|
|
"green": {
|
|
"100": "#dcfce7",
|
|
"700": "#15803d"
|
|
},
|
|
"amber": {
|
|
"100": "#fef3c7",
|
|
"800": "#92400e"
|
|
},
|
|
"red": {
|
|
"100": "#fee2e2",
|
|
"700": "#b91c1c"
|
|
}
|
|
},
|
|
"space": {
|
|
"0": "0px",
|
|
"1": "4px",
|
|
"2": "8px",
|
|
"3": "12px",
|
|
"4": "16px",
|
|
"5": "20px",
|
|
"6": "24px",
|
|
"7": "28px",
|
|
"8": "32px",
|
|
"9": "36px",
|
|
"10": "40px",
|
|
"11": "44px",
|
|
"12": "48px",
|
|
"13": "52px",
|
|
"14": "56px",
|
|
"15": "60px",
|
|
"16": "64px",
|
|
"17": "68px",
|
|
"18": "72px",
|
|
"19": "76px",
|
|
"20": "80px",
|
|
"21": "84px",
|
|
"22": "88px",
|
|
"23": "92px",
|
|
"24": "96px"
|
|
},
|
|
"radius": {
|
|
"sm": "10px",
|
|
"md": "16px",
|
|
"lg": "24px",
|
|
"xl": "32px",
|
|
"pill": "999px"
|
|
},
|
|
"size": {
|
|
"touch-min": "44px",
|
|
"container-max": "1280px"
|
|
},
|
|
"duration": {
|
|
"fast": "120ms",
|
|
"standard": "160ms",
|
|
"overlay": "220ms"
|
|
},
|
|
"easing": {
|
|
"standard": "ease",
|
|
"productive": "cubic-bezier(.2,0,0,1)"
|
|
},
|
|
"font": {
|
|
"latin": "Inter Variable, Inter, Arial, sans-serif",
|
|
"arabic": "Noto Sans Arabic, Arial, sans-serif"
|
|
},
|
|
"breakpoint": {
|
|
"medium": "768px",
|
|
"wide": "1120px"
|
|
}
|
|
},
|
|
"semantic": {
|
|
"light": {
|
|
"color.canvas": "{color.gray.25}",
|
|
"color.surface": "#ffffff",
|
|
"color.surface.raised": "#ffffff",
|
|
"color.surface.muted": "#f2f6fb",
|
|
"color.surface.strong": "#e8f0fa",
|
|
"color.text": "#102035",
|
|
"color.text.muted": "#52647a",
|
|
"color.border": "#d8e2ee",
|
|
"color.border.strong": "#bdcad9",
|
|
"color.action.primary": "{color.blue.700}",
|
|
"color.action.primary.hover": "{color.blue.800}",
|
|
"color.action.conversion": "{color.orange.700}",
|
|
"color.action.conversion.hover": "#9a3412",
|
|
"color.focus": "#f97316",
|
|
"color.on.inverse": "#f8fafc",
|
|
"color.soft.blue": "#eef5ff",
|
|
"color.soft.orange": "#fff7ed",
|
|
"shadow.color": "rgba(8,20,38,.12)"
|
|
},
|
|
"dark": {
|
|
"color.canvas": "{color.navy.950}",
|
|
"color.surface": "{color.navy.900}",
|
|
"color.surface.raised": "{color.navy.850}",
|
|
"color.surface.muted": "#0b1a2d",
|
|
"color.surface.strong": "#172d48",
|
|
"color.text": "#eef5ff",
|
|
"color.text.muted": "#adbed2",
|
|
"color.border": "#263c56",
|
|
"color.border.strong": "#3a536e",
|
|
"color.action.primary": "#76a9ff",
|
|
"color.action.primary.hover": "#9bc2ff",
|
|
"color.action.conversion": "{color.orange.400}",
|
|
"color.action.conversion.hover": "#fdba74",
|
|
"color.focus": "{color.orange.400}",
|
|
"color.on.inverse": "{color.navy.950}",
|
|
"color.soft.blue": "#10284a",
|
|
"color.soft.orange": "#3a2015",
|
|
"shadow.color": "rgba(0,0,0,.36)"
|
|
}
|
|
}
|
|
}
|