openecomp-ui/resources/scss/common/_variables.scss

   1 // primary colors
   2 $blue: #009fdb;
   3 $dark-blue: #0568ae;
   4 $light-blue: #71c5e8;
   5 $green: #4ca90c;
   6 $dark-green: #007a3e;
   7 $light-green: #b5bd00;
   8 $orange: #ea7400;
   9 $yellow: #ffb81c;
  10 $dark-purple: #702f8a;
  11 $purple: #9063cd;
  12 $light-purple: #caa2dd;
  13 $black: #000000;
  14 $dark-gray: #5a5a5a;
  15 $gray: #959595;
  16 $light-gray: #d2d2d2;
  17 $white: #ffffff;
  18
  19 // Secondary Colors
  20 $red: #cf2a2a;
  21 $crimson: #a94442;
  22
  23 $background-gray: #f2f2f2;
  24 $text-black: #191919;
  25 $link-blue: #056bae;
  26 $functional-green: #007a3e;
  27 $tlv-gray: #f8f8f8;
  28 $tlv-light-gray: #eaeaea;
  29 $tlv-hover: #e6f6fb;
  30 $highlight-gray: #eceff3;
  31 $transparent-black: rgba(0, 0, 0, 0.3);
  32
  33 $content-background-color: $white;
  34
  35 $scroll-bar-color: $text-black;
  36 $vc-status-text-color: #42b72a;
  37
  38 // sizes
  39 $circle-icon-size: 40px;
  40
  41 //responsive @media params
  42 $tablet-max-width: 1024px;
  43 $laptop-min-width: 1224px;
  44 $desktop-min-width: 1824px;
  45
  46 $loader-background: #e1e4e6;
  47
  48 $action-button-active-bg: #0091c7;
  49 $action-button-active-border: #006186;
  50 $action-button-hover-bg: #1ec2ff;
  51 $action-button-hover-border: #0091c8;