MAGETWO-48067: Improvement: Colors refactoring

- Merge remote-tracking branch 'origin/MAGETWO-48067' into PR
- Conflicts:
- app/design/frontend/Magento/blank/web/css/print.less
- app/design/frontend/Magento/blank/web/css/source/_email-base.less

Author: zanilee

app/design/adminhtml/Magento/backend/web/css/styles-old.less

@@ -50,7 +50,7 @@
         &:not(.admin__field-label) {
             :after {
                 content: '*';
-                color: red;
+                color: #f00;
                 margin-left: 3px;
             }
         }
@@ -5144,7 +5144,7 @@
 @media print {
     * {
         background: transparent !important;
-        color: black !important;
+        color: #000 !important;
         box-shadow: none !important;
         text-shadow: none !important;
         filter: none !important;

app/design/frontend/Magento/blank/web/css/print.less

@@ -21,7 +21,7 @@
 @media print {
     * {
         background: transparent !important;
-        color: black !important;
+        color: @color-black !important;
         -webkit-filter: none !important; // Use in 41 Chrome
         filter: none !important;
         text-shadow: none !important;
@@ -112,8 +112,8 @@
         .order-items {
             .order-gift-message {
                 &:not(.expanded-content) {
-                    visibility: visible;
                     height: auto;
+                    visibility: visible;
                 }
             }
         }

app/design/frontend/Magento/luma/Magento_LayeredNavigation/web/css/source/_module.less

@@ -32,7 +32,7 @@
 
                 &[data-count]:after {
                     .lib-css(color, @color-white);
-                    background: @color-orange-red4;
+                    background: @color-orange-red1;
                     border-radius: 2px;
                     content: attr(data-count);
                     display: inline-block;

lib/web/css/docs/source/_dropdowns.less

@@ -909,8 +909,8 @@
         @_dropdown-split-toggle-icon-content: @icon-expand,
         @_dropdown-split-toggle-active-icon-content: @icon-collapse,
         @_icon-font-position: before,
-        @_icon-font-color: red,
-        @_icon-font-color-hover: red
+        @_icon-font-color: #f00,
+        @_icon-font-color-hover: #f00
     );
 }
 

lib/web/css/source/lib/variables/_colors.less

@@ -61,9 +61,9 @@
 @color-red12: #d10029;
 
 @color-orange-red1: #ff5501;
-@color-orange-red2: #ff5601;
-@color-orange-red3: #ff5700;
-@color-orange-red4: #fc5e10;
+@color-orange-red2: #ff5601; // Legacy orange
+@color-orange-red3: #ff5700; // Legacy orange
+@color-orange-red4: #fc5e10; // Legacy orange
 
 @color-dark-green1: #006400;
 

lib/web/css/source/lib/variables/_rating.less

@@ -14,6 +14,6 @@
 @rating-icon__letter-spacing: -10px;
 @rating-icon__color: @color-gray78;
 
-@rating-icon__active__color: @color-orange-red2;
+@rating-icon__active__color: @color-orange-red1;
 
 @rating-label__hide: false;