CSS Variables

Preview

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

:root {
  /* Colors */
  --color-global-statsig-overlay: #FFFFFF;
  --color-fig-theme-bg: #000000;
  --color-fig-theme-fg-muted: color-mix(in oklch, #FFFFFF, transparent 46%);
  --color-fig-theme-card-bg: color-mix(in oklch, #FFFFFF, transparent 92%);
  --color-fig-theme-btn-primary-bg-hover: color-mix(in oklch, #FFFFFF, transparent 20%);
  --color-fig-theme-btn-secondary-bg: color-mix(in oklch, #FFFFFF, transparent 100%);
  --color-fig-theme-btn-transparent-bg: color-mix(in oklch, #FFFFFF, transparent 96%);
  --color-fig-theme-btn-transparent-bg-hover: color-mix(in oklch, #FFFFFF, transparent 84%);
  --color-fig-theme-form-error-bg: #FFB3B3;
  --color-000000: #000000;

  /* Typography */
  --font-size-figmasans-18px-330: 18px;
  --font-size-figmasans-16px-400: 16px;
  --font-size-figmasans-14px-400: 14px;
  --font-size-figmasans-0px-400: 0px;
  --font-size-figmasans-44px-400: 44px;
  --font-size-figmasans-30px-400: 30px;
  --font-size-figmamono-12px-400: 12px;
  --font-size-figmasans-88px-400: 88px;
  --font-size-figmasans-56px-400: 56px;

  /* Spacing */
  --spacing-0rem: 0rem;
  --spacing-0-125rem: 0.125rem;
  --spacing-0-25rem: 0.25rem;
  --spacing-0-28125rem: 0.28125rem;
  --spacing-0-375rem: 0.375rem;
  --spacing-0-5rem: 0.5rem;
  --spacing-0-625rem: 0.625rem;
  --spacing-0-75rem: 0.75rem;
  --spacing-1rem: 1rem;
  --spacing-1-25rem: 1.25rem;
  --spacing-1-375rem: 1.375rem;
  --spacing-1-5rem: 1.5rem;
  --spacing-1-75rem: 1.75rem;
…

All Tokens