Color scheme for info, success, warn and error messages

message-colors.css

/* Colors */

.error {
  background-color: #FFBABA;
  color: #D8000C;
}

.error:hover {
  background-color: #FFA4A4;
}

.warn {
  background-color: #FEEFB3;
  color: #9F6000;
}

.warn:hover {
  background-color: #FED7A0;
}

.success {
  color: #4F8A10;
  background-color: #DFF2BF;
}

.success:hover {
  background-color: #B4F298;
}

.info {
  background-color: #D9EDF7;
  color: #31708F;
}

.info:hover {
  background-color: #D5D8F7;
}