CSS Variables

Preview

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

:root {
  /* Colors */
  --color-black: #000000;
  --color-white: #ffffff;
  --color-lightred: #FCECEC;
  --color-red: #cf112c;
  --color-darkred: #7F141A;
  --color-brightred: #e2030f;
  --color-green: #008048;
  --color-yellow: #ffc003;
  --color-blue: #136BEA;
  --color-lightblue: #e5f2fd;
  --color-gray: #666666;
  --color-darkgray: #3F3F3F;
  --color-inputgray: #888888;
  --color-babypink: #f4b6c7;
  --color-paleturquoise: #b2fce4;
  --color-goldenyellow: #f8d15d;
  --color-venmoblue: #008cff;
  --color-venmolightblue: #299EFF;
  --color-debugblue: #06E3FF;
  --color-pazeblue: #0F42F8;
  --color-orange: #FFB761;
  --color-darken1: rgba(0, 0, 0, 0.0625);
  --color-darken2: rgba(0, 0, 0, 0.125);

  /* Spacing */
  --spacing-1px: 1px;
  --spacing-2px: 2px;
  --spacing-4px: 4px;
  --spacing-6px: 6px;
  --spacing-8px: 8px;
  --spacing-12px: 12px;
  --spacing-16px: 16px;
  --spacing-24px: 24px;
  --spacing-26px: 26px;
  --spacing-32px: 32px;
  --spacing-34px: 34px;
…

All Tokens