openecomp-ui/resources/scss/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 $crimson: #a94442;
  23
  24 $background-alice-blue: #e5f5fb;
  25 $background-gray: #f2f2f2;
  26 $text-black: #191919;
  27 $link-blue: #056bae;
  28 $functional-green: #007a3e;
  29 $functional-yellow: #ffb81c;
  30 $tlv-gray: #f8f8f8;
  31 $tlv-light-gray: #eaeaea;
  32 $tlv-hover: #e6f6fb;
  33 $highlight-gray: #eceff3;
  34
  35 $content-background-color: $white;
  36
  37 $scroll-bar-color: $text-black;//$light-gray;
  38 $vc-status-text-color: #42b72a;
  39
  40 // sizes
  41 $circle-icon-size: 40px;
  42
  43 //responsive @media params
  44 $tablet-max-width: 1024px;
  45 $laptop-min-width: 1224px;
  46 $desktop-min-width: 1824px;
  47
  48 /* Textures */
  49 $images-folder-name: "../images";
  50
  51 /* Icons */
  52 $icons-folder: "../images/icons";
  53 $artifacts-icon: $images-folder-name + "/artifacts_icon.png";
  54 $check-icon: $images-folder-name + "/v_icon.png";
  55 $base-module-icon: $images-folder-name + "/base_icon.png";
  56 $module-icon: $images-folder-name + "/module_icon.png";
  57 $pencil-icon: $images-folder-name + "/pencil_icon-01.svg";
  58 $vc-check-in-icon: $icons-folder + "/checked_in.png";
  59 $vc-checkout-icon: $icons-folder + "/checked_out.png";
  60 $vc-revert-icon: $icons-folder + "/reverticon.png";
  61 $vc-revert-disabled-icon: $icons-folder + "/revert_icon_disabled.png";
  62 $vc-save-icon: $icons-folder + "/saveicon.png";
  63 $vc-save-disabled-icon: $icons-folder + "/save_icon_disable.png";
  64 $vc-submit-icon: $icons-folder + "/submiticonactive.png";
  65 $vc-submit-disabled-icon: $icons-folder + "/submit_icon_disable.png";
  66 $trash-icon: $images-folder-name + "/trash_icon.png";
  67 $download-icon: $images-folder-name + "/download_icon.png";
  68 $upload-icon: $images-folder-name + "/upload_icon.png";
  69
  70
  71 /* catalog icons */
  72 $back-icon: $icons-folder + "/back_icon.png";
  73 /* validation icons */
  74 $artifacts-selected-icon: $icons-folder + "/artifacts_blue_icon.png";
  75 $artifacts-regular-icon: $icons-folder + "/artifacts_grey_icon.png";
  76 $chevron_down: $icons-folder + "/down_chevron.png";
  77 $error-icon-lg: $icons-folder + "/error_icon_big.png";
  78 $error-icon-sm: $icons-folder + "/error_icon_small.png";
  79 $go-to-overview-icon: $icons-folder + "/go_to_overview_icon.png";
  80 $go-to-overview-disabled-icon: $icons-folder + "/go_to_overview_disable_icon.png";
  81 $network-selected-icon: $icons-folder + "/network_blue_icon.png";
  82 $network-icon: $icons-folder + "/network_icon.png";
  83 $others-selected-icon: $icons-folder + "/others_blue_icon.png";
  84 $others-icon: $icons-folder + "/others_icon.png";
  85 $volume-selected-icon: $icons-folder + "/volume_blue_icon.png";
  86 $volume-icon: $icons-folder + "/volume_icon.png";
  87 $warning-icon-lg: $icons-folder + "/warning_icon_big.png";
  88 $warning-icon-sm: $icons-folder + "/warning_icon_small.png";
  89 $zip-icon: $icons-folder + "/ZIP_icon.png";
  90 $zip-selected-icon: $icons-folder + "/ZIP_blue_icon.png";
  91 $heat-icon: $icons-folder + "/nested_heat_icon.png";
  92 $heat-selected-icon: $icons-folder + "/nested_HEAT_icon_blue.png";
  93 $env-icon: $icons-folder + "/env_icon.png";
  94 $env-selected-icon: $icons-folder + "/env_icon_blue.png";
  95
  96 /* vlm summary icons */
  97
  98 $vlm-summary-plus-blue: $icons-folder + "/plus_vlm_summary_icon_blue.png";
  99 $vlm-summary-plus: $icons-folder + "/plus_vlm_summary_icon.png";
 100 $vlm-summary-plus-disabled: $icons-folder + "/plus_vlm_summary_disabled_icon.png";
 101 $vlm-summary-orphans: $icons-folder + "/orphans_grey_icon.png";
 102 $vlm-summary-orphans-blue: $icons-folder + "/orphans_blue_icon-n.png";
 103 $vlm-summary-used: $icons-folder + "/vlm_list_view_grey_icon.png";
 104 $vlm-summary-used-blue: $icons-folder + "/vlm_list_view_blue_icon.png";
 105