TypeScript Tokens

Preview

/**
 * Generated by UI Archive — ui-archive.com
 * Domain: itsnicethat.com
 * Snapshot: 2026-11-15
 * Format: W3C DTCG compatible
 * Token names preserve original CSS variable names
 */

export const tokens = {
  "color": {
    "dark-grey": "#222222",
    "grey": "#555555",
    "light-grey": "#e8e8e8",
    "white-60": "hsla(0,0%,100%,0.6)",
    "white-80": "hsla(0,0%,100%,0.8)",
    "heliotrope": "#a074ff",
    "heliotrope-30": "rgba(160,116,255,0.3)",
    "magnolia": "#f9f5ff",
    "mineshaft-10": "rgba(43,43,43,0.1)",
    "mineshaft-20": "rgba(43,43,43,0.2)",
    "mineshaft-30": "rgba(43,43,43,0.3)",
    "mineshaft-40": "rgba(43,43,43,0.4)",
    "mineshaft-60": "rgba(43,43,43,0.6)",
    "mineshaft-80": "rgba(43,43,43,0.8)",
    "purple": "#6219ff",
    "violet": "#8147ff",
    "chartreuse": "#deff00",
    "flush": "#ff8400"
  },
  "fontSize": {
    "labilvariable-11px-400": "11px",
    "bradford-17px-400": "17px",
    "labil-13px-400": "13px",
    "bradford-0px-400": "0px"
  },
  "spacing": {
    "0-2777777778rem": "0.2777777778rem",
    "0-5555555556rem": "0.5555555556rem",
    "1px": "1px",
    "2px": "2px",
…

All Tokens