@uva-glass/component-library/dist/assets/variables.css

React components UvA

:root {
  --color-black: #1f1d20;
  --color-grey-500: #69666c;
  --color-grey-400: #8f8e90;
  --color-grey-300: #b0b1b2;
  --color-grey-200: #dcddde;
  --color-grey-100: #ebebec;
  --color-grey-50: #f5f5f6;
  --color-white: #fff;
  --color-red-600: #a0002a;
  --color-red-500: #bc0031;
  --color-red-400: #e00030;
  --color-red-50: #ffe8ee;
  --color-green-500: #2f6f31;
  --color-green-400: #3a863d;
  --color-green-300: #4cae4f;
  --color-green-100: #64df9f;
  --color-green-50: #e9fbf2;
  --color-yellow-600: #cc8500;
  --color-yellow-500: #ffa600;
  --color-yellow-400: #ffde67;
  --color-yellow-50: #fff6d7;
  --color-blue-500: #0e4ea7;
  --color-blue-400: #a3e7ff;
  --color-blue-50: #e0f7ff;
  --color-purple-400: #9747ff;
  --color-black-transparent: rgba(0 0 0 / 50%);
  --color-cobalt: #0d4da5;
  --color-san-felix: #2c632e;
  --color-uva-green: #49a74c;
  --color-scarpa-flow: #69656c;
  --color-uva-red-dark: #9e002a;
  --color-uva-red: #bd0032;
  --color-silver: #bfbfbf;
  --color-chilean-fire: #d45c3a;
  --color-pattens-blue: #dddedf;
  --color-amaranth: #dc3251;
  --color-ghost-white: #f4f4f5;
  --color-lavender: #ebebec;
  --color-mint-cream: #eafbf2;
  --color-amour: #ffe5ec;
  --color-dandelion: #ffde66;
  --color-natural-wood: #fff6d6;
  --color-uva-black: #1f1d20;
  --color-uva-red-transparent: rgba(189 0 50 / 10%);
  --color-electric-violet: #9747ff;
  --color-lemon-grass: #99998a;
  --color-vista-blue: #8feabb;
  --color-medium-aquamarine: #62df9f;
  --color-uva-orange: #cc8500;
  --color-fog: #cfcdd0;
  --color-french-grey: #b3afb6;
  --color-columbia-blue: #a1e7fc;
  --color-light-cyan: #e1f8ff;
  --color-lavender-transparent: rgba(235 235 236 / 50%);
  --color-natural-wool: #fff6d6;
}