TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "111827": "#111827",
    "brand-text": "#1b252b",
    "brand-secondary-text": "#5c6062",
    "brand-text-light": "#f5f9fc",
    "brand-accent-strongest": "#feccb3",
    "brand-accent-stronger": "#fe9c6c",
    "brand-accent-default": "#ec4e02",
    "brand-accent-dimmer": "#bb3e02",
    "brand-accent-dimmest": "#7e2a01"
  },
  "fontSize": {
    "replit-diatype-14px-400": "14px",
    "replit-diatype-13-3333px-400": "13.3333px",
    "replit-diatype-36px-400": "36px",
    "replit-diatype-12px-400": "12px",
    "replit-diatype-10-4px-400": "10.4px",
    "replit-diatype-16px-400": "16px",
    "replit-diatype-20px-400": "20px",
    "replit-diatype-15px-400": "15px",
    "replit-diatype-32px-400": "32px",
    "replit-diatype-11-7px-400": "11.7px",
    "replit-diatype-mono-13px-500": "13px",
    "replit-diatype-18px-600": "18px",
    "replit-diatype-40px-400": "40px",
    "replit-diatype-64px-400": "64px",
    "replit-diatype-68-92px-400": "68.92px",
    "replit-diatype-28px-400": "28px",
    "replit-diatype-mono-11px-500": "11px"
  },
  "spacing": {
…

All Tokens