Update colors @gray color to @gray-lte

build/less/boxes.less

@@ -84,7 +84,7 @@
 
     // Box color variations
     &.box-default {
-      .box-solid-variant(@gray, #444);
+      .box-solid-variant(@gray-lte, #444);
     }
     &.box-primary {
       .box-solid-variant(@light-blue);

build/less/dropdown.less

@@ -16,7 +16,7 @@
     margin-right: 10px;
   }
   > li > a:hover {
-    background-color: lighten(@gray, 5%);
+    background-color: lighten(@gray-lte, 5%);
     color: #333;
   }
   > .divider {

build/less/header.less

@@ -185,7 +185,7 @@
       background: @gray-lte;
       padding-left: 10px;
       li:before {
-        color: darken(@gray, 20%);
+        color: darken(@gray-lte, 20%);
       }
     }
   }

build/less/miscellaneous.less

@@ -153,7 +153,7 @@
 //Set of Active Background Colors
 .bg-gray-active {
   color: #000;
-  background-color: darken(@gray, 10%) !important;
+  background-color: darken(@gray-lte, 10%) !important;
 }
 
 .bg-black-active {
@@ -287,10 +287,10 @@
 }
 
 .link-muted {
-  color: darken(@gray, 30%);
+  color: darken(@gray-lte, 30%);
   &:hover,
   &:focus {
-    color: darken(@gray, 40%);
+    color: darken(@gray-lte, 40%);
   }
 }
 

dist/css/AdminLTE.css

@@ -358,7 +358,7 @@ a:focus {
     padding-left: 10px;
   }
   .content-header > .breadcrumb li:before {
-    color: #222222;
+    color: #97a0b3;
   }
 }
 .navbar-toggle {
@@ -939,7 +939,7 @@ a:focus {
   margin-right: 10px;
 }
 .dropdown-menu > li > a:hover {
-  background-color: #626262;
+  background-color: #e1e3e9;
   color: #333;
 }
 .dropdown-menu > .divider {
@@ -1607,12 +1607,12 @@ a:focus {
   background: rgba(0, 0, 0, 0.1);
 }
 .box.box-solid.box-default {
-  border: 1px solid #555555;
+  border: 1px solid #d2d6de;
 }
 .box.box-solid.box-default > .box-header {
   color: #444444;
-  background: #555555;
-  background-color: #555555;
+  background: #d2d6de;
+  background-color: #d2d6de;
 }
 .box.box-solid.box-default > .box-header a,
 .box.box-solid.box-default > .box-header .btn {
@@ -4477,7 +4477,7 @@ table.text-center th {
 }
 .bg-gray-active {
   color: #000;
-  background-color: #3c3c3c !important;
+  background-color: #b5bbc8 !important;
 }
 .bg-black-active {
   background-color: #000000 !important;
@@ -4587,11 +4587,11 @@ table.text-center th {
   color: #d81b60 !important;
 }
 .link-muted {
-  color: #090909;
+  color: #7a869d;
 }
 .link-muted:hover,
 .link-muted:focus {
-  color: #000000;
+  color: #606c84;
 }
 .link-black {
   color: #666;

dist/css/alt/AdminLTE-without-plugins.css

@@ -358,7 +358,7 @@ a:focus {
     padding-left: 10px;
   }
   .content-header > .breadcrumb li:before {
-    color: #222222;
+    color: #97a0b3;
   }
 }
 .navbar-toggle {
@@ -939,7 +939,7 @@ a:focus {
   margin-right: 10px;
 }
 .dropdown-menu > li > a:hover {
-  background-color: #626262;
+  background-color: #e1e3e9;
   color: #333;
 }
 .dropdown-menu > .divider {
@@ -1607,12 +1607,12 @@ a:focus {
   background: rgba(0, 0, 0, 0.1);
 }
 .box.box-solid.box-default {
-  border: 1px solid #555555;
+  border: 1px solid #d2d6de;
 }
 .box.box-solid.box-default > .box-header {
   color: #444444;
-  background: #555555;
-  background-color: #555555;
+  background: #d2d6de;
+  background-color: #d2d6de;
 }
 .box.box-solid.box-default > .box-header a,
 .box.box-solid.box-default > .box-header .btn {
@@ -3527,7 +3527,7 @@ table.text-center th {
 }
 .bg-gray-active {
   color: #000;
-  background-color: #3c3c3c !important;
+  background-color: #b5bbc8 !important;
 }
 .bg-black-active {
   background-color: #000000 !important;
@@ -3637,11 +3637,11 @@ table.text-center th {
   color: #d81b60 !important;
 }
 .link-muted {
-  color: #090909;
+  color: #7a869d;
 }
 .link-muted:hover,
 .link-muted:focus {
-  color: #000000;
+  color: #606c84;
 }
 .link-black {
   color: #666;

starter.html

@@ -293,7 +293,7 @@ desired effect
     <section class="content">
 
       <!-- Your Page Content Here -->
-     
+
     </section>
     <!-- /.content -->
   </div>