TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "black": "#000000",
    "white": "#ffffff",
    "lightred": "#FCECEC",
    "red": "#cf112c",
    "darkred": "#7F141A",
    "brightred": "#e2030f",
    "green": "#008048",
    "yellow": "#ffc003",
    "blue": "#136BEA",
    "lightblue": "#e5f2fd",
    "gray": "#666666",
    "darkgray": "#3F3F3F",
    "inputgray": "#888888",
    "babypink": "#f4b6c7",
    "paleturquoise": "#b2fce4",
    "goldenyellow": "#f8d15d",
    "venmoblue": "#008cff",
    "venmolightblue": "#299EFF",
    "debugblue": "#06E3FF",
    "pazeblue": "#0F42F8",
    "orange": "#FFB761",
    "darken1": "rgba(0, 0, 0, 0.0625)",
    "darken2": "rgba(0, 0, 0, 0.125)"
  },
  "spacing": {
    "1px": "1px",
    "2px": "2px",
    "4px": "4px",
    "6px": "6px",
    "8px": "8px",
…

All Tokens