TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "foreground": "hsl(0, 0%, 100%)",
    "background": "hsl(250, 24%, 9%)",
    "secondarybg": "hsl(250, 21%, 11%)",
    "agents-sheet": "#000000",
    "agents-scrim": "rgb(13 12 20 / 0.7)",
    "agents-band": "#1C1A29",
    "agents-raised": "#252134",
    "agents-edge": "#312C45",
    "agents-ink": "#B3B3E6",
    "agents-dim": "#5E5C86",
    "agents-accent": "#A78BFE",
    "agents-link": "#B9A3D8",
    "agents-good": "#22C55E",
    "agents-shade": "rgb(0 0 0 / 0.5)",
    "blue-50": "hsl(220, 55%, 10%)",
    "blue-100": "hsl(220, 55%, 13%)",
    "blue-200": "hsl(220, 62%, 25%)",
    "blue-300": "hsl(220, 68%, 35%)",
    "blue-400": "hsl(220, 72%, 45%)",
    "blue-500": "hsl(220, 80%, 55%)",
    "blue-600": "hsl(220, 80%, 65%)",
    "blue-700": "hsl(220, 80%, 75%)",
    "blue-800": "hsl(220, 80%, 85%)",
    "blue-900": "hsl(220, 80%, 95%)"
  },
  "fontSize": {
    "inter-16px-400": "16px",
    "jetbrains-mono-12px-400": "12px",
    "inter-14px-400": "14px",
    "inter-18px-400": "18px",
…

All Tokens