prometheus/web/ui/mantine-ui/src/Badge.module.css

.statsBadge {
  background-color: light-dark(
    var(--mantine-color-gray-1),
    var(--mantine-color-gray-8)
  );
  color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-gray-5));
}

.labelBadge {
  background-color: light-dark(
    var(--mantine-color-gray-1),
    var(--mantine-color-gray-8)
  );
  color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-gray-5));
}

.healthOk {
  background-color: light-dark(
    var(--mantine-color-green-1),
    var(--mantine-color-green-9)
  );
  color: light-dark(var(--mantine-color-green-9), var(--mantine-color-green-1));
}

.healthErr {
  background-color: light-dark(
    var(--mantine-color-red-1),
    darken(var(--mantine-color-red-9), 0.25)
  );
  color: light-dark(var(--mantine-color-red-9), var(--mantine-color-red-1));
}

.healthWarn {
  background-color: light-dark(
    var(--mantine-color-yellow-1),
    var(--mantine-color-yellow-9)
  );
  color: light-dark(
    var(--mantine-color-yellow-9),
    var(--mantine-color-yellow-1)
  );
}

.healthInfo {
  background-color: light-dark(
    var(--mantine-color-blue-1),
    var(--mantine-color-blue-9)
  );
  color: light-dark(var(--mantine-color-blue-9), var(--mantine-color-blue-1));
}

.healthUnknown {
  background-color: light-dark(
    var(--mantine-color-gray-2),
    var(--mantine-color-gray-7)
  );
  color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-gray-4));
}