82 lines
2.3 KiB
JSON
82 lines
2.3 KiB
JSON
{
|
|
"schemaVersion": "0.1.0",
|
|
"name": "NODE.DC Design Tokens",
|
|
"color": {
|
|
"accentRgb": [195, 255, 102],
|
|
"onAccentRgb": [11, 17, 23],
|
|
"componentAccentRgb": [247, 248, 244],
|
|
"componentOnAccentRgb": [11, 17, 23],
|
|
"cardPassiveRgb": [42, 43, 46],
|
|
"cardActiveRgb": [195, 255, 102],
|
|
"surfaceBlack": "rgba(8, 8, 11, 0.9)",
|
|
"surfacePanel": "rgba(10, 10, 13, 0.88)",
|
|
"surfaceControl": "rgba(255, 255, 255, 0.06)",
|
|
"surfaceControlHover": "rgba(255, 255, 255, 0.10)",
|
|
"textPrimary": "rgba(255, 255, 255, 0.94)",
|
|
"textSecondary": "rgba(255, 255, 255, 0.74)",
|
|
"textMuted": "rgba(255, 255, 255, 0.54)"
|
|
},
|
|
"radius": {
|
|
"modal": "1.75rem",
|
|
"card": "1.35rem",
|
|
"control": "1.25rem",
|
|
"dropdownOption": "0.9rem",
|
|
"calendar": "1.1rem",
|
|
"circle": "999px"
|
|
},
|
|
"size": {
|
|
"toolbarHeight": "3rem",
|
|
"toolbarPillHeight": "2.5rem",
|
|
"controlRing": "2.92rem",
|
|
"controlInset": "5px",
|
|
"statusWidth": "8.65rem",
|
|
"statusHeight": "2.08rem",
|
|
"modalButtonHeight": "2.75rem",
|
|
"launcherRailHeight": "9.2rem"
|
|
},
|
|
"space": {
|
|
"pagePad": "1.25rem",
|
|
"panelGap": "1.25rem",
|
|
"panelPad": "1rem",
|
|
"controlGap": "0.65rem",
|
|
"dropdownPad": "0.75rem",
|
|
"tableCellX": "0.75rem",
|
|
"tableCellY": "0.48rem"
|
|
},
|
|
"blur": {
|
|
"dropdown": "44px",
|
|
"panel": "28px",
|
|
"modal": "34px",
|
|
"detail": "44px",
|
|
"control": "18px"
|
|
},
|
|
"shadow": {
|
|
"dropdown": "0 22px 60px rgba(0, 0, 0, 0.36), 0 6px 18px rgba(0, 0, 0, 0.2)",
|
|
"panel": "0 34px 110px rgba(0, 0, 0, 0.52)",
|
|
"modal": "0 34px 120px rgba(0, 0, 0, 0.62)",
|
|
"workItem": "0 14px 34px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.035)"
|
|
},
|
|
"statusTone": {
|
|
"green": {
|
|
"background": "rgba(181, 255, 90, 0.075)",
|
|
"color": "rgba(226, 255, 190, 0.94)"
|
|
},
|
|
"yellow": {
|
|
"background": "rgba(246, 201, 95, 0.075)",
|
|
"color": "rgba(255, 232, 178, 0.94)"
|
|
},
|
|
"violet": {
|
|
"background": "rgba(210, 197, 255, 0.07)",
|
|
"color": "rgba(232, 225, 255, 0.92)"
|
|
},
|
|
"red": {
|
|
"background": "rgba(255, 120, 120, 0.07)",
|
|
"color": "rgba(255, 216, 216, 0.92)"
|
|
},
|
|
"muted": {
|
|
"background": "rgba(255, 255, 255, 0.075)",
|
|
"color": "rgba(255, 255, 255, 0.78)"
|
|
}
|
|
}
|
|
}
|