TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "font-h1-color": "#000000",
    "error": "#8B0000",
    "success": "#006400",
    "white": "#FFFFFF",
    "instock": "#3ED660",
    "lowstock": "#EE9441",
    "outofstock": "#C8C8C8",
    "gradient-image-overlay": "linear-gradient(to top, rgb(0 0 0 / 0.5), transparent)",
    "primary": "#5c5c5c",
    "primary-button-hover-background": "#333333",
    "oke-filter-searchhighlightcolor": "#999999",
    "oke-mediagrid-chevroncolor": "#676986"
  },
  "fontSize": {
    "oke-widget-icons-important": "12px",
    "oke-widget-icons-important-2": "24px",
    "greycliff-cf-18px-400": "18px",
    "greycliff-cf-16px-400": "16px",
    "featuredisplay-72px-400": "72px"
  },
  "spacing": {
    "0rem": "0rem",
    "0-125rem": "0.125rem",
    "0-25rem": "0.25rem",
    "0-3rem": "0.3rem",
    "2px": "2px",
    "4px": "4px",
    "5px": "5px",
    "6px": "6px",
    "7px": "7px",
…

All Tokens