CSS Variables

Preview

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

:root {
  /* Colors */
  --color-not-quite-black: #23272a;
  --color-blurple: #5865f2;
  --color-white: #ffffff;
  --color-button-hover: #8891f2;
  --color-greyple: #99aab5;
  --color-spring-green: #57f287;
  --color-dim-grey: #50555f;
  --color-dark-blurple: #3442d9;
  --color-fuchsia: #eb459e;
  --color-yellow: #fee75c;
  --color-mint-green: #43b581;
  --color-red: #ed4245;
  --color-ekko-red: #de2761;
  --color-vivid-cerulean: #00b0f4;
  --color-orange: #fda220;
  --color-pink: #ffcdee;
  --color-pinc-2: #dc4195;
  --color-refresh-blue: #161cbb;
  --color-navy-blue: #24173f;
  --color-brand-gradient: linear-gradient(90deg,#8ea1e1,#7289da);

  /* Typography */
  --font-size-ggsans-16px-400: 16px;
  --font-size-abcgintodiscordnord-61px-700: 61px;
  --font-size-abcgintodiscord-20px-400: 20px;
  --font-size-abcgintodiscord-18px-400: 18px;
  --font-size-abcgintodiscordnord-36px-800: 36px;
  --font-size-abcgintodiscordnord-48px-700: 48px;
  --font-size-ggsans-13-008px-600: 13.008px;
  --font-size-abcgintodiscordnord-44px-700: 44px;
  --font-size-ggsans-19-2px-600: 19.2px;
  --font-size-ggsans-14-4px-400: 14.4px;

  /* Spacing */
  --spacing-2px: 2px;
  --spacing-4px: 4px;
…

All Tokens