TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "marketing-icon-primary": "#218bff",
    "marketing-icon-secondary": "#54aeff",
    "project-header-bg": "#24292f",
    "brand-color-success-fg": "#08872b",
    "brand-color-success-emphasis": "#0fbf3e",
    "brand-color-success-subtle": "#bfffd1",
    "brand-color-danger-fg": "#cf2230",
    "brand-color-danger-subtle": "#ffebe9",
    "brand-color-accent-primary": "#0d6731",
    "brand-color-accent-secondary": "#be7d00",
    "brand-color-text-muted": "#58635b",
    "brand-color-text-link-rest": "#0055d5",
    "brand-color-text-link-pressed": "#002f7a",
    "brand-color-neutral-emphasisplus": "#353d37",
    "brand-color-neutral-emphasis": "#77827a",
    "brand-color-border-default": "#b6bfb8",
    "srgb-0-838902": "#d6e8db"
  },
  "fontSize": {
    "mona-sans-vf-14px-400": "14px",
    "mona-sans-vf-10-22px-400": "10.22px",
    "mona-sans-vf-16px-400": "16px",
    "mona-sans-mono-12px-500": "12px",
    "mona-sans-mono-28px-400": "28px",
    "mona-sans-18px-400": "18px",
    "mona-sans-vf-24px-600": "24px",
    "mona-sans-mono-34px-400": "34px",
    "mona-sans-22px-400": "22px",
    "mona-sans-20px-400": "20px",
    "mona-sans-56px-440": "56px",
…

All Tokens