CSS Variables

Preview

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

:root {
  /* Colors */
  --color-3566f0: #3566f0;
  --color-x11y6m9k: var(--lightningcss-light,#2451da)var(--lightningcss-dark,#dae6fd);
  --color-ffcc38: #ffcc38;
  --color-x1fwcpeh: color-mix(in srgb, var(--x4sldyk) 88%, #000);
  --color-x1hqqq8t: color-mix(in srgb, var(--x4sldyk) 78%, #000);
  --color-00b4ff: #00b4ff;
  --color-00bf9e: #00bf9e;
  --color-add900: #add900;
  --color-ee61e2: #ee61e2;
  --color-ff765d: #ff765d;
  --color-ff49ad: #ff49ad;
  --color-ad56ff: #ad56ff;
  --color-ffc900: #ffc900;
  --color-701112: #701112;
  --color-4e0e0d: #4e0e0d;
  --color-c01318: #c01318;
  --color-x1hpogdp: #ffffff;
  --color-2451da: #2451da;
  --color-00806a: #00806a;
  --color-a65700: #a65700;
  --color-x1iagkcv: var(--lightningcss-light,#000c)var(--lightningcss-dark,#fffc);
  --color-x1plzxtf: var(--lightningcss-light,#000000e6)var(--lightningcss-dark,#ffffffe6);
  --color-xloiy2a: var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff1a);
  --color-x1kfmq3j: var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff0d);
  --color-x1ovfp4u: var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26);
  --color-x1w3e1qa: var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff26);

  /* Typography */
  --font-size-apple-system-body: .9375rem;
  --font-size-apple-system-body-2: 1.0625rem;
  --font-size-apple-system-body-4: 1.375rem;
  --font-size-apple-system-body-16px-400: 16px;
  --font-size-apple-system-body-14px-400: 14px;
  --font-size-apple-system-body-12px-400: 12px;
  --font-size-apple-system-body-24px-400: 24px;
  --font-size-apple-system-body-18px-600: 18px;
…

All Tokens