Colors

Class	Default
.bg-error
.bg-gray-inverted
.bg-gray
.bg-primary-inverted
.bg-primary
.bg-secondary-inverted
.bg-secondary
.text-disabled-inverted	Aa
.text-disabled	Aa
.text-error	Aa
.text-inactive-inverted	Aa
.text-inactive	Aa
.text-link	Aa
.text-medium-emphasis	Aa
.text-primary-inverted	Aa
.text-primary	Aa

Variables

The colors for the above classes, as well as all component colors, can be overridden via the following variables.

/**
 * Do not edit directly
 * Generated on Fri, 07 Jun 2024 20:11:31 GMT
 */

:root {
  --mds-color-shadows: rgba(206, 216, 220, 0.5);
  --mds-color-modalbg: rgba(0, 32, 64, 0.6);
  --mds-color-transparent: rgba(0, 0, 0, 0);
  --mds-color-white: #ffffff;
  --mds-color-text-disabled: #597897;
  --mds-color-text-dark: #597897;
  --mds-color-text-light: #ffffff;
  --mds-color-success-hover: #1fcdab;
  --mds-color-success: #19a388;
  --mds-color-warning-hover: #ff9246;
  --mds-color-warning: #fe6300;
  --mds-color-error-hover: #ff7a70;
  --mds-color-error: #ff4330;
  --mds-color-tertiary-dark: #653496;
  --mds-color-tertiary-light: #ce82ff;
  --mds-color-tertiary: #9c5af2;
  --mds-color-secondary-ultralight: #f3f5f6;
  --mds-color-secondary-light: #cdd8e3;
  --mds-color-secondary-medium: #9bb2c9;
  --mds-color-secondary: #455e78;
  --mds-color-primary-transparent: rgba(0, 115, 230, 0.5);
  --mds-color-primary-darkest: #14143a;
  --mds-color-primary-darker: #425266;
  --mds-color-primary-dark: #003b76;
  --mds-color-primary-hover: #4096ec;
  --mds-color-primary-light: #6bc4ff;
  --mds-color-primary: #0073e6;
}