TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "ntl-active-switcher-tab-bg-color": "#0c2a2a",
    "ntl-badge-bg-color": "#1e242c",
    "ntl-badge-text-color": "#e6ecf2",
    "ntl-blockquote-accent-color": "#32e6e2",
    "ntl-blue-100": "#cde2ff",
    "ntl-blue-200": "#b5d2fb",
    "ntl-blue-300": "#9cbef6",
    "ntl-blue-400": "#80abfa",
    "ntl-blue-500": "#5d8df5",
    "ntl-blue-600": "#316bf4",
    "ntl-blue-700": "#2e51ed",
    "ntl-blue-800": "#2036a1",
    "ntl-blue-900": "#1b205b",
    "ntl-button-outline-bg-color-hover": "#3b434c",
    "ntl-button-primary-bg-color-hover": "#8efbf7",
    "ntl-card-border-color-hover": "#014847",
    "ntl-color-brand-primary": "#14d8d4",
    "ntl-color-disabled-border": "#4d565f",
    "ntl-color-highlight-bg": "#d8c7ff",
    "srgb-0-870588": "color(srgb 0.870588 1 0.996078 / 0.2)",
    "srgb-0-207843": "color(srgb 0.207843 0.227451 0.243137 / 0.12)"
  },
  "fontSize": {
    "youtube-noto": "18px",
    "instrument-sans-16px-400": "16px",
    "martian-mono-14px-400": "14px",
    "figtree-64px-800": "64px",
    "figtree-32px-700": "32px",
    "figtree-24px-700": "24px",
    "figtree-48px-700": "48px",
…

All Tokens