TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "r-globalnav-background-opened": "#fafafc",
    "sk-focus-color": "#0071e3",
    "sk-focus-color-alt": "rgb(0, 0, 0)",
    "sk-body-link-color": "rgb(0, 102, 204)",
    "sk-glyph-gray-alpha": "rgba(0, 0, 0, 0.88)",
    "sk-glyph-gray-secondary": "rgb(110, 110, 115)",
    "sk-glyph-gray-secondary-alpha": "rgba(0, 0, 0, 0.56)",
    "sk-glyph-gray-secondary-alt": "rgb(66, 66, 69)",
    "sk-glyph-gray-secondary-alt-alpha": "rgba(0, 0, 0, 0.72)",
    "sk-glyph-gray-tertiary-alpha": "rgba(0, 0, 0, 0.48)",
    "sk-glyph-orange": "rgb(182, 68, 0)",
    "sk-glyph-green": "rgb(0, 128, 9)",
    "sk-glyph-red": "rgb(227, 0, 0)",
    "sk-fill-gray-tertiary-alpha": "rgba(0, 0, 0, 0.16)",
    "sk-fill-gray-quaternary-alpha": "rgba(0, 0, 0, 0.08)",
    "sk-fill-orange": "rgb(245, 99, 0)",
    "sk-fill-green": "rgb(3, 161, 14)",
    "sk-fill-green-secondary": "rgb(245, 255, 246)",
    "sk-fill-yellow": "rgb(255, 224, 69)"
  },
  "fontSize": {
    "sf-pro-text": "12px",
    "sf-pro-display": "28px",
    "sf-pro-text-2": "17px",
    "sf-pro-display-2": "19px",
    "sf-pro-display-3": "24px",
    "sf-pro-text-7": "14px",
    "sf-pro-display-5": "21px",
    "sf-pro-icons": "inherit",
    "sf-pro-text-44px-400": "44px",
…

All Tokens