Uniswap

:root {
  --color-dominant: #fc41c8;
  --color-surface: #aa6d3a;
  --color-ink: #f9d89e;
  --color-accent: #7ca098;
  --color-detail: #9ea9c0;
}

/* CSS variables exposed by source */
:root {
  --border: oklch(92.2% 0 0);
  --color-neutral3-dark: #5e5e5e;
  --color-accent1-light: #ff37c7;
  --color: #131313;
  --color-unicon-8-light: #4981ff;
  --font-mono: "InputMono-Regular", monospace;
  --color-unicon-7-dark: #3adcff;
  --color-neutral2-light: #7d7d7d;
  --shadowColor: rgba(0,0,0,0.15);
  --accent3Hovered: #000000;
  --color-gold-200: #eeb317;
  --surface3: rgba(19, 19, 19, 0.08);
  --color-unicon-1-light: #ffbf17;
  --accent: oklch(97% 0 0);
  --color-accent2-light: #ffefff;
  --borderColorFocus: transparent;
  --color-surface4-dark: #ffffff20;
  --color-neutral3-light: #cecece;
  --color-unicon-6-light: #00c3a0;
  --color-unicon-9-dark: #9e62ff;
  --color-unicon-2-light: #ff8934;
  --color-surface2-light: #f9f9f9;
  --color-unicon-8-dark: #0047ff;
  --color-unicon-2-dark: #ff4d00;
  --color-accent1-dark: #ff37c7;
  --colorFocus: #FF37C7;
  --color-unicon-9-light: #4300b0;
  --accent3: #222222;
  --accent-foreground: oklch(20.5% 0 0);
  --backgroundHover: #F9F9F9;
  --color-surface1-light: #fff;
  --color-surface5-dark: #00000004;
  --radius: .625rem;
  --borderColorHover: transparent;
  --color-unicon-4-dark: #21c95e;
  --shadow-large: 0px 10px 20px -5px #1313130d, 0px 4px 12px -3px #1313130a;
  --accent2Hovered: rgba(255, 55, 199, 0.12);
  --color-unicon-0-light: #f50db4;
  --shadow-medium: 0px 6px 12px -3px #1313130a, 0px 2px 5px -2px #13131308;
  --surface2: #F9F9F9;
  --accent2: rgba(255, 55, 199, 0.08);
  --color-surface3-dark: #ffffff12;
  --color-unicon-7-light: #23a3ff;
  --accent1: #FF37C7;
  --color-unicon-3-light: #85754a;
  --color-neutral2-dark: #9b9b9b;
  --foreground: oklch(14.5% 0 0);
  --surface1: #FFFFFF;
  --secondary: oklch(97% 0 0);
  --color-neutral1-dark: #fff;
  --color-accent2-dark: #311c31;
  --primary-foreground: oklch(98.5% 0 0);
  --color-critical-light: #e10f0f;
  --surface3Solid: #F2F2F2;
  --color-unicon-5-light: #78e744;
  --color-unicon-1-dark: #fff612;
  --surface5Hovered: rgba(0,0,0,0.06);
  --colorPress: #FF37C7;
  --shadowColorHover: rgba(0,0,0,0.2);
  --secondary-foreground: oklch(20.5% 0 0);
}