github.com/iqoqo/nomad@v0.11.3-0.20200911112621-d7021c74d101/ui/app/styles/charts/colors.scss (about)

     1  $queued: $grey-lighter;
     2  $starting: $grey-lighter;
     3  $running: $primary;
     4  $complete: $nomad-green-dark;
     5  $failed: $danger;
     6  $lost: $dark;
     7  
     8  .chart {
     9    .queued {
    10      fill: $queued;
    11    }
    12  
    13    .starting,
    14    .pending {
    15      .layer-0 {
    16        fill: $starting;
    17      }
    18  
    19      .layer-1 {
    20        fill: url(#diagonal-stripe-3);
    21        fill-opacity: 0.2;
    22      }
    23    }
    24  
    25    .running {
    26      fill: $running;
    27    }
    28  
    29    .complete {
    30      fill: $complete;
    31    }
    32  
    33    .failed {
    34      fill: $failed;
    35    }
    36  
    37    .lost {
    38      fill: $lost;
    39    }
    40  }
    41  
    42  .color-swatch {
    43    display: inline-block;
    44    height: 1rem;
    45    width: 1rem;
    46    margin-right: 0.25rem;
    47    vertical-align: middle;
    48    border-radius: $radius;
    49  
    50    $color-sequence: $orange, $yellow, $green, $turquoise, $blue, $purple, $red;
    51    @for $i from 1 through length($color-sequence) {
    52      &.swatch-#{$i - 1} {
    53        background: nth($color-sequence, $i);
    54      }
    55    }
    56  
    57    &.queued {
    58      box-shadow: inset 0 0 0 1px rgba($black, 0.3);
    59      background: $queued;
    60    }
    61  
    62    &.starting,
    63    &.pending {
    64      background: repeating-linear-gradient(
    65        -45deg,
    66        $starting,
    67        $starting 3px,
    68        darken($starting, 25%) 3px,
    69        darken($starting, 25%) 6px
    70      );
    71    }
    72  
    73    &.running {
    74      background: $running;
    75    }
    76  
    77    &.complete {
    78      background: $complete;
    79    }
    80  
    81    &.failed {
    82      background: $failed;
    83    }
    84  
    85    &.lost {
    86      background: $lost;
    87    }
    88  
    89    @each $name, $pair in $colors {
    90      $color: nth($pair, 1);
    91  
    92      &.is-#{$name} {
    93        background: $color;
    94      }
    95    }
    96  }