ct/modules/colors.scss

/* Common CT Colors via CSS Variables.
   Assumes use of infra-sk/modules/theme-chooser-sk.

 Can be imported via:

    @import '../colors';
*/

/*
 * TODO(rmistry): The below has been copied over from infra-sk/themes.css to
 * look similar to other Skia infra apps.
 * We cannot directly use the complete body-sk themes yet because it causes
 * broken behavior in the CT UI with input-sk, suggest-input-sk, and colors in
 * select-sk.
 * More work is needed to make body-sk behaviors work here.
 */
:root {
  /* Semantic colors defined by elements-sk. */
  --background: #fafafa;
  --disabled: #9e9e9e;
  --error: #b71c1c;
  --on-background: #000000;
  --on-disabled: #616161;
  --on-error: #ffffff;
  --on-primary-variant: #000000;
  --on-primary: #ffffff;
  --on-secondary: #ffffff;
  --on-surface: #000000;
  --primary-variant: #039be5;
  --primary: #1565c0;
  --secondary: #4caf50;
  --surface-1dp: #eee;
  --surface-2dp: #bdbdbd;
  --surface: #ffffff;
  --transparent-overlay: rgba(0, 0, 0, 0.5);
  --primary-highlight: #b3e5fc;

  &.darkmode,
  & .darkmode {
    /* Semantic colors defined by elements-sk. */
    --background: #121212;
    --disabled: #757575;
    --error: #ec407a;
    --on-background: #cccccc;
    --on-disabled: #e0e0e0;
    --on-error: #000000;
    --on-primary-variant: var(--surface);
    --on-primary: var(--surface);
    --on-secondary: var(--background);
    --on-surface: #dddddd;
    --primary-variant: #b3e5fc;
    --primary: #90caf9;
    --secondary: #a5d6a7;
    --surface-1dp: #373737;
    --surface-2dp: #414141;
    --surface: #303030;
    --transparent-overlay: rgba(255, 255, 255, 0.5);

    /* Additional semantic colors. */
    --primary-highlight: #01579b;
    --secondary-highlight: #1b5e20;
    --on-hightlight: #f5f5f5;

    --failure-alpha: rgba(217, 95, 2, 0.5);
    --on-failure: var(--on-secondary);
    --on-success: var(--on-secondary);
    --on-warning: var(--on-secondary);
    --warning-alpha: rgb(255, 171, 64, 0.5);

    --positive: #4caf50;
    --negative: #f44336;
    --untriaged: #8d6e63;
  }
}