TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "cds-black": "#000000",
    "cds-clay": "#d97757",
    "cds-gray-0": "#ffffff",
    "cds-gray-200": "#c3c2b7",
    "cds-gray-300": "#a5a49a",
    "cds-gray-500": "#6d6b67",
    "red-350": "#e66767",
    "red-450": "#d03b3b",
    "orange-350": "#eb6834",
    "orange-450": "#c25124",
    "yellow-350": "#c98500",
    "yellow-450": "#a66a00",
    "green-350": "#35b231",
    "green-450": "#009300",
    "aqua-350": "#1baf7a",
    "aqua-450": "#138e65",
    "blue-350": "#5598e7",
    "blue-450": "#2a78d6",
    "1757ac": "#1757ac",
    "srgb-0-0431373": "color(srgb 0.0431373 0.0431373 0.0431373 / 0.05)"
  },
  "fontSize": {
    "anthropic-sans-13px-400": "13px",
    "anthropic-sans-14px-400": "14px",
    "anthropic-sans-15px-435": "15px",
    "anthropic-sans-16px-400": "16px",
    "anthropicons-variable-20px-433-25": "20px",
    "anthropic-sans-12px-400": "12px",
    "anthropic-serif-30px-400": "30px",
    "anthropic-sans-24px-520": "24px",
…

All Tokens