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": "#ff6363",
    "yellow": "#ffc533",
    "srgb-0-122667": "#1f2025"
  },
  "fontSize": {
    "geist-mono": "10px",
    "inter-16px-400": "16px",
    "inter-13px-400": "13px",
    "sf-pro-text-23-75px-500": "23.75px",
    "inter-32px-400": "32px",
    "sf-pro-text-24px-500": "24px",
    "inter-14px-500": "14px",
    "inter-18px-400": "18px",
    "inter-12px-600": "12px",
    "inter-11px-600": "11px",
    "inter-20px-500": "20px",
    "inter-11-9px-400": "11.9px",
    "inter-15px-400": "15px"
  },
  "spacing": {
    "1rem": "1rem",
    "1px": "1px",
    "2px": "2px",
    "3px": "3px",
…

All Tokens