TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "base": "#090909",
    "base-80": "#3d3d3d",
    "base-60": "#717171",
    "base-40": "#a3a3a3",
    "base-20": "#d6d6d7",
    "button-outlined-bg-hover": "rgba(0, 0, 0, 0.035)",
    "button-ghost-inverted-bg-hover": "rgba(255, 255, 255, 0.15)",
    "syntax-declaration-color": "#f39c12",
    "syntax-literal-color": "#dda0dd",
    "syntax-error-color": "#f9690e",
    "syntax-name-color": "#7ed07e"
  },
  "fontSize": {
    "helveticaneue-condensedbold": "calc(15px + 0.2vw)",
    "helveticaneue-condensedbold-2": "19px",
    "sfmono-regular": "0.9em",
    "helveticaneue-condensedbold-3": "1.3em"
  },
  "spacing": {
    "0-125rem": "0.125rem",
    "0-2rem": "0.2rem",
    "0-25rem": "0.25rem",
    "0-3rem": "0.3rem",
    "1px": "1px",
    "2px": "2px",
    "3px": "3px",
    "4px": "4px",
    "5px": "5px",
    "7px": "7px",
    "8px": "8px",
…

All Tokens