infra-sk/modules/results.scss

/**
  * Color palette used for displaying success/failure/etc results of eg. CI.
  *
  * Taken from http://blog.mollietaylor.com/2012/10/color-blindness-and-palette-choice.html
  */

/* CSS variables */
:root {
  --result-color-redorange: #D95F02;
  --result-color-purple: #7570B3;
  --result-color-lightgreen: 102, 166, 30;
  --result-color-lightorange: #E6AB02;
  --result-color-gray: 187, 187, 187;
}

/* Success/Failure/Exception background colors. */
.bg-success {
  background-color: #{'rgba(var(--result-color-lightgreen), 0.3)'};
}
.bg-failure {
  background-color: var(--result-color-redorange);
}
.bg-exception {
  background-color: var(--result-color-purple);
}
.bg-inprogress {
  background-color: #{'rgba(var(--result-color-gray), 0.0)'}; /* Transparent background */
}
.bg-unknown {
  background-color: #{'rgba(var(--result-color-gray), 0.55)'};
}

/* Success/Failure/Exception foreground colors. */
.fg-success {
  color: #{'rgb(var(--result-color-lightgreen))'};
}
.fg-failure {
  color: var(--result-color-redorange);
}
.fg-exception {
  color: var(--result-color-purple);
}
.fg-inprogress {
  color: var(--result-color-lightorange);
}
.fg-unknown {
  color: #{'rgb(var(--result-color-gray))'};
}