github.com/pf-qiu/concourse/v6@v6.7.3-0.20201207032516-1f455d73275f/web/assets/css/svg.less (about)

     1  @import (reference) "_vars.less";
     2  
     3  svg {
     4    .node rect { fill: @grey100; }
     5  
     6    .node.job {
     7      &.pending rect { fill: @grey-primary; }
     8      &.succeeded rect { fill: @green-primary; }
     9      &.failed rect { fill: @red-primary; }
    10      &.errored rect { fill: @amber-primary; }
    11      &.aborted rect { fill: @brown-primary; }
    12      &.paused rect { fill: @blue-primary; }
    13      &.no-builds rect { fill: @grey-primary; }
    14    }
    15  
    16    .node.resource {
    17      &.failed rect  { stroke: @red-primary; }
    18      &.errored rect { stroke: @amber-primary; }
    19      &.aborted rect { stroke: @brown-primary; }
    20  
    21      &.active rect { fill: @grey-secondary; }
    22      &.pinned rect { fill: @purple; }
    23  
    24      &.constrained-input.pinned {
    25        rect {
    26          fill: @purple;
    27          opacity: 0.8;
    28        }
    29  
    30        image {
    31          opacity: 0.7;
    32        }
    33      }
    34    }
    35  
    36    .edge { stroke: @grey-secondary; }
    37    .edge.pending { stroke: @grey50; }
    38    .edge.succeeded { stroke: @green-primary; }
    39    .edge.failed { stroke: @red-primary; }
    40    .edge.errored { stroke: @amber-primary; }
    41    .edge.aborted { stroke: @brown-primary; }
    42    .edge.paused { stroke: @blue-primary; }
    43    .edge.trigger-false { stroke-dasharray: 5, 5; }
    44  }
    45  
    46  svg.pipeline-graph {
    47    position: absolute;
    48    width: 100%;
    49    height: 100%;
    50  
    51    h1 {
    52      margin: 5px;
    53      width: 100%;
    54    }
    55  
    56    h1.resource {
    57      font-size: 1.5em;
    58      font-weight: normal;
    59      width: 100%;
    60    }
    61  
    62    h1 a {
    63      padding: 5px;
    64      text-decoration: none;
    65    }
    66  
    67    .node a {
    68      cursor: pointer;
    69    }
    70  
    71    .node rect {
    72      shape-rendering: crispEdges;
    73    }
    74  
    75    .edge path {
    76      stroke-width: 2px;
    77      fill: none;
    78    }
    79  
    80    .node text {
    81      fill: #fff;
    82    }
    83  
    84    .node.constrained-input {
    85      text, use {
    86        fill: @grey50;
    87      }
    88  
    89      &.pinned {
    90        text, use {
    91          fill: #fff;
    92          opacity: 0.7;
    93        }
    94      }
    95  
    96      &.active {
    97        text, use {
    98          fill: #fff;
    99        }
   100      }
   101    }
   102  
   103    .edge.active {
   104      path {
   105        stroke-width: 4px;
   106      }
   107    }
   108  }