CSS Variables

Preview

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

:root {
  /* Colors */
  --color-tonguebackground: #f0f4f6;
  --color-betafont: #000000;
  --color-requesttrialfontsbackground: #7b68ee;
  --color-requestbetatypefacesbackground: #b79773;
  --color-accountbackground: #430e29;
  --color-newslettersignupbackground: #00c500;
  --color-promofont: #a0a0a0;
  --color-highlightbackground: #ff9800;
  --color-supportbackground: #b8f4f0;
  --color-quoterequestbackground: #b9c9d4;
  --color-newsletterunsubscribebackground: #f50f0f;
  --color-discountfont: #6e32e1;
  --color-selectedbackground: #63f450;
  --color-includedbundlebackground: #d5c0fd;
  --color-calendarbackground: #e74c3c;
  --color-loadingscreenbackground: rgba(110,50,225,0.9);
  --color-loadingscreenbackgroundupgrade: rgba(99,244,80,0.9);
  --color-cookieconsentbackground: #ffff00;
  --color-errorbackground: #ff1f1f;
  --color-embackground: #ffffba;
  --color-emquotebackground: #ff00bc;
  --color-inputfocus: #3b75e2;

  /* Typography */
  --font-size-monument-grotesk-mono: 1.75rem;
  --font-size-monument-grotesk: 2.2rem;
  --font-size-dinamodarkroom: 7.04rem;
  --font-size-dinamodarkroom-2: 6.16rem;
  --font-size-monument-grotesk-2: 2.8rem;
  --font-size-monument-grotesk-semi-mono: .8em;
  --font-size-monument-grotesk-4: 2.6em;
  --font-size-monument-grotesk-mono-7: 1.76rem;
  --font-size-monument-grotesk-mono-8: 1.4rem;
  --font-size-monument-grotesk-8-58249px-400: 8.58249px;
  --font-size-monument-grotesk-14-6975px-400: 14.6975px;
  --font-size-monument-grotesk-18-7059px-400: 18.7059px;
…

All Tokens