src/lib/cwl-svg/assets/styles/_variables.scss

   1
   2 // Colors
   3 $color-primary: #11a7a7 !default;
   4 $color-neutral: rgb(154, 154, 154) !default;
   5 $background-color: white !default;
   6
   7 // Workflow
   8 $background: $background-color !default;
   9
  10 // Fonts
  11 $font-color: #333 !default;
  12 $text-stroke: #fff !default;
  13 $font-family: sans-serif !default;
  14
  15 // Labels
  16 $label-stroke-color: $background-color !default;
  17 $label-stroke-width: 4px !default;
  18
  19 // Edges
  20 $edge-inner-color: #222 !default;
  21 $edge-outer-color: #fff !default;
  22 $edge-inner-hover-color: $color-primary !default;
  23 $edge-inner-stroke-width: 2px !default;
  24 $edge-inner-stroke-color: $color-neutral !default;
  25 $edge-outer-stroke-width: 5px !default;
  26 $edge-outer-stroke-color: $background-color !default;
  27
  28 // Nodes
  29 $node-outer-fill-color: $background-color !default;
  30 $node-outer-stroke-color: $color-neutral !default;
  31 $node-outer-stroke-width: 2px !default;
  32
  33 $node-input-fill-color: #c3c3c3 !default;
  34 $node-output-fill-color: #c3c3c3 !default;
  35 $node-step-fill-color: $color-primary !default;
  36
  37 $node-hover-port-transition: all .1s !default;
  38
  39 // Node Icons
  40 $node-icon-fill-color: $font-color !default;
  41 $node-icon-stroke-color: $font-color !default;
  42 $node-icon-stroke-width: 3px !default;
  43
  44 // Ports
  45 $port-fill-color: $color-neutral !default;
  46 $port-hover-stroke-color: darken($port-fill-color, 20%) !default;
  47 $port-hover-stroke-width: 2px !default;
  48 $port-label-color: $font-color !default;
  49 $port-label-size: .9em !default;
  50