github.com/hernad/nomad@v1.6.112/ui/app/styles/charts/colors.scss (about)

     1  /**
     2   * Copyright (c) HashiCorp, Inc.
     3   * SPDX-License-Identifier: MPL-2.0
     4   */
     5  
     6  $queued: $grey-lighter;
     7  $starting: $grey-lighter;
     8  $running: $primary;
     9  $complete: $nomad-green-pale;
    10  $failed: $danger;
    11  $lost: $dark;
    12  $not-scheduled: $blue-200;
    13  $degraded: $warning;
    14  $blocked: $danger;
    15  $canceled: $dark;
    16  
    17  .chart {
    18    .queued {
    19      fill: $queued;
    20    }
    21  
    22    .starting,
    23    .pending {
    24      .layer-0 {
    25        fill: $starting;
    26      }
    27  
    28      .layer-1 {
    29        fill: url(#diagonal-stripe-3);
    30        fill-opacity: 0.2;
    31      }
    32    }
    33  
    34    .running {
    35      fill: $running;
    36    }
    37  
    38    .complete {
    39      fill: $complete;
    40    }
    41  
    42    .failed {
    43      fill: $failed;
    44    }
    45  
    46    .lost {
    47      fill: $lost;
    48    }
    49  
    50    .not-scheduled {
    51      fill: $not-scheduled;
    52    }
    53  
    54    .degraded {
    55      fill: $degraded;
    56    }
    57  
    58    .unknown {
    59      fill: $unknown;
    60    }
    61  }
    62  
    63  .color-swatch {
    64    display: inline-block;
    65    height: 1rem;
    66    width: 1rem;
    67    margin-right: 0.25rem;
    68    vertical-align: middle;
    69    border-radius: $radius;
    70  
    71    &.is-wide {
    72      width: 2rem;
    73    }
    74  
    75    $color-sequence: $orange, $yellow, $green, $turquoise, $blue, $purple, $red;
    76    @for $i from 1 through length($color-sequence) {
    77      &.swatch-#{$i - 1} {
    78        background: nth($color-sequence, $i);
    79      }
    80    }
    81  
    82    @each $name, $scale in $chart-scales {
    83      &.swatch-#{$name} {
    84        background: nth($scale, -1);
    85      }
    86  
    87      @each $color in $scale {
    88        &.swatch-#{$name}-#{index($scale, $color)} {
    89          background: $color;
    90        }
    91      }
    92    }
    93  
    94    &.queued {
    95      box-shadow: inset 0 0 0 1px rgba($black, 0.3);
    96      background: $queued;
    97    }
    98  
    99    &.starting,
   100    &.pending {
   101      background: repeating-linear-gradient(
   102        -45deg,
   103        $starting,
   104        $starting 3px,
   105        darken($starting, 25%) 3px,
   106        darken($starting, 25%) 6px
   107      );
   108    }
   109  
   110    &.running {
   111      background: $running;
   112    }
   113  
   114    &.complete {
   115      background: $complete;
   116    }
   117  
   118    &.failed {
   119      background: $failed;
   120    }
   121  
   122    &.lost {
   123      background: $lost;
   124    }
   125  
   126    &.unknown {
   127      background: $unknown;
   128    }
   129  
   130    &.not-scheduled {
   131      background: $not-scheduled;
   132    }
   133  
   134    &.degraded {
   135      background: $degraded;
   136    }
   137  
   138    &.canceled {
   139      background: $canceled;
   140    }
   141  
   142    &.blocked {
   143      background: $blocked;
   144    }
   145  
   146    @each $name, $pair in $colors {
   147      $color: nth($pair, 1);
   148  
   149      &.is-#{$name} {
   150        background: $color;
   151      }
   152    }
   153  }