dox-sequence-diagram-ui/src/main/webapp/res/ecomp/asdc/common/_variables.scss

   1
   2 // primary colors
   3 $blue: #009fdb;
   4 $dark-blue: #0568ae;
   5 $light-blue: #71c5e8;
   6 $green: #4ca90c;
   7 $dark-green: #007a3e;
   8 $light-green: #b5bd00;
   9 $orange: #ea7400;
  10 $yellow: #ffb81c;
  11 $dark-purple: #702f8a;
  12 $purple: #9063cd;
  13 $light-purple: #caa2dd;
  14 $black: #000000;
  15 $dark-gray: #5a5a5a;
  16 $gray: #959595;
  17 $light-gray: #d2d2d2;
  18 $white: #ffffff;
  19
  20 // Secondary Colors
  21 $red: #cf2a2a;
  22 $background-gray: #f2f2f2;
  23 $text-black: #191919;
  24 $link-blue: #056bae;
  25 $functional-green: #007a3e;
  26 $functional-yellow: #ffb81c;
  27 $tlv-gray: #f8f8f8;
  28 $tlv-light-gray: #eaeaea;
  29 $tlv-hover: #e6f6fb;
  30
  31
  32 $scroll-bar-color: $dark-gray;
  33
  34 //responsive @media params
  35 $tablet-max-width: 1024px;
  36 $laptop-min-width: 1224px;
  37 $desktop-min-width: 1824px;
  38
  39 /* Textures */
  40 $images-folder-name: "../images";
  41 $plus-circle-icon: $images-folder-name + "/plus-circle-icon.svg";
  42 $interface-icon: $images-folder-name + "/interface.svg";
  43 $sdc-logo: $images-folder-name + "/logo.svg";
  44 $warning-icon: $images-folder-name + "/warning.svg";