CSS Variables

Preview

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

:root {
  /* Colors */
  --color-lightblue: #00bcf2;
  --color-blue: #0072be;
  --color-midblue: #00188f;
  --color-darkblue: #002050;
  --color-lightpurple: #b4a0ff;
  --color-purple: #5c2d91;
  --color-darkpurple: #373277;
  --color-lightmagenta: #e3008c;
  --color-magenta: #b4009e;
  --color-darkmagenta: #5c005c;
  --color-red: #e81123;
  --color-darkred: #a80000;
  --color-lightorange: #ff8c00;
  --color-orange: #d83b01;
  --color-insiders-green: #058f2d;
  --color-lightyellow: #fff100;
  --color-yellow: #ffcc00;
  --color-lightgreen: #bad80a;
  --color-green: #477a32;
  --color-darkgreen: #004b1c;
  --color-lightteal: #00b294;
  --color-teal: #008272;
  --color-darkteal: #004b50;
  --color-lightgray: #333333;
  --color-gray: #cccccc;

  /* Typography */
  --font-size-codicon: 16px;
  --font-size-sf-mono-12px-400: 12px;
  --font-size-codicon-14px-400: 14px;
  --font-size-dl-seti-18px-400: 18px;
  --font-size-sf-mono-11-5px-400: 11.5px;
  --font-size-dl-seti-15px-400: 15px;
  --font-size-codicon-13px-400: 13px;
  --font-size-codicon-10px-400: 10px;
  --font-size-sf-mono-11px-400: 11px;
…

All Tokens