CSS Variables

Preview

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

:root {
  /* Colors */
  --color-base: #eaecf0;
  --color-base-fixed: #202122;
  --color-subtle: #a2a9b1;
  --color-placeholder: #72777d;
  --color-progressive: #88a3e8;
  --color-progressive-hover: #a6bbf5;
  --color-progressive-active: #b6d4fb;
  --color-progressive-focus: #3366cc;
  --color-destructive: #fd7865;
  --color-destructive-hover: #fea898;
  --color-destructive-active: #ffc8bd;
  --color-visited: #a799cd;
  --color-visited-hover: #c5b9dd;
  --color-visited-active: #d9d0e9;
  --color-destructive-visited: #c99391;
  --color-destructive-visited-hover: #dcb5b3;
  --color-destructive-visited-active: #e8cecd;
  --color-warning: #ca982e;
  --color-success: #2cb491;
  --color-icon-error: #f54739;
  --color-icon-warning: #ab7f2a;
  --color-icon-success: #099979;
  --color-icon-progressive: #6485d1;

  /* Typography */
  --font-size-linux-libertine: 3rem;
  --font-size-montserrat: 2.4rem;
  --font-size-linux-libertine-30px-400: 30px;
  --font-size-linux-libertine-32px-700: 32px;
  --font-size-linux-libertine-15px-400: 15px;

  /* Spacing */
  --spacing-0-125rem: 0.125rem;
  --spacing-0-25rem: 0.25rem;
  --spacing-0-5rem: 0.5rem;
  --spacing-2px: 2px;
…

All Tokens