TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "base-white": "#ffffff",
    "grey-200": "#9c9c9d",
    "grey-300": "#6a6b6c",
    "grey-400": "#434345",
    "grey-600": "#1b1c1e",
    "blue-dark": "#56c2ff",
    "red-dark": "rgba(255,99,99,1)",
    "fg": "hsl(240,11%,96%)",
    "yellow": "hsl(43,100%,60%)",
    "yellow-transparent": "hsla(43,100%,60%,0.15)",
    "red": "hsl(0,100%,69%)",
    "red-transparent": "hsla(0,100%,69%,0.15)",
    "blue": "hsl(202,100%,67%)",
    "blue-transparent": "hsla(202,100%,67%,0.15)"
  },
  "fontSize": {
    "sf-mono": "13px",
    "geist-mono": "10px",
    "inter-16px-400": "16px",
    "sf-pro-text-23-75px-500": "23.75px",
    "inter-32px-400": "32px",
    "inter-14px-500": "14px",
    "sf-pro-text-24px-500": "24px",
    "inter-18px-400": "18px",
    "inter-12px-600": "12px",
    "inter-20px-500": "20px",
    "inter-11px-600": "11px"
  },
  "spacing": {
    "1rem": "1rem",
…

All Tokens