CSS Variables

Preview

/* Generated by UI Archive — ui-archive.com */

:root {
  /* Colors */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-purple-50: #f4f0ff;
  --color-purple-100: #e7dbff;
  --color-purple-200: #d1b8ff;
  --color-purple-300: #c29eff;
  --color-purple-400: #aa77fd;
  --color-purple-500: #9b52fb;
  --color-purple-600: #8a05ff;
  --color-purple-700: #48008c;
  --color-purple-800: #2a0052;
  --color-purple-900: #1c0037;
  --color-blue-50: #e0f4ff;
  --color-blue-100: #c2eaff;
  --color-blue-200: #8ad6ff;
  --color-blue-300: #70c5ff;
  --color-blue-400: #33acff;
  --color-blue-500: #0088e5;
  --color-blue-600: #005e9e;
  --color-blue-700: #002c6f;
  --color-blue-800: #00183e;
  --color-blue-900: #00102a;
  --color-pink-50: #fce2fe;
  --color-pink-100: #fac7ff;
  --color-pink-200: #f79ffe;

  /* Typography */
  --font-size-ppneuemontreal-16px-400: 16px;
  --font-size-ppneuemontreal-18px-400: 18px;
  --font-size-roobert-40px-300: 40px;
  --font-size-ppneuemontreal-20px-400: 20px;
  --font-size-ppneuemontreal-14px-500: 14px;
  --font-size-roobert-80px-300: 80px;
  --font-size-roobert-64px-300: 64px;
  --font-size-ppneuemontreal-24px-400: 24px;
  --font-size-ppneuemontrealmono-11px-500: 11px;
…

All Tokens