TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "ff6900": "#ff6900",
    "f0b100": "#f0b100",
    "00c950": "#00c950",
    "2b7fff": "#2b7fff",
    "dab2ff": "#dab2ff",
    "ad46ff": "#ad46ff",
    "d4d4d8": "#d4d4d8",
    "9f9fa9": "#9f9fa9",
    "52525c": "#52525c",
    "black": "#000000",
    "white": "#ffffff",
    "shade-40": "#a1a1aa",
    "shade-50": "#71717a",
    "shade-60": "#52525b",
    "shade-70": "#3f3f46",
    "pistachio-10": "#d4f9e0",
    "aloe-10": "#c1fbd4",
    "uc-glass": "linear-gradient(#181d20,#181d20)padding-box,linear-gradient(180deg,#ffffff8c,#ffffff0f)border-box",
    "background-image-uc-glow": "radial-gradient(circle at center,#6cd48480,#6cd48424 44%,transparent 68%)",
    "uc-fade-mask": "linear-gradient(to bottom,transparent 0,#000 11%,#000 89%,transparent 100%)",
    "shop-purple": "#5433eb",
    "ffffff": "#ffffff",
    "061a1c": "#061a1c",
    "000000": "#000000"
  },
  "fontSize": {
    "shopify-inter-16px-400": "16px",
    "shopify-inter-14px-420": "14px",
    "inter-12px-200": "12px",
    "shopify-inter-20px-450": "20px",
…

All Tokens