use @gray-lighter instead of #eee

less/account.less

@@ -136,7 +136,7 @@
 			right: 2em;
 			opacity: 1;
 			background-color: @brand-primary;
-			color: #eee;
+			color: @gray-lighter;
 			padding: 0.5em;
 			font-weight: bold;
 

less/categories.less

@@ -8,9 +8,9 @@
 		padding-bottom: 10px;
 
 		@media (max-width: @screen-xs-max) {
-			border-top: 1px solid #eee;
+			border-top: 1px solid @gray-lighter;
 			&:last-child {
-				border-bottom: 1px solid #eee;
+				border-bottom: 1px solid @gray-lighter;
 			};
 		}
 

less/groups.less

@@ -75,7 +75,7 @@
 			right: 2em;
 			opacity: 1;
 			background-color: @brand-primary;
-			color: #eee;
+			color: @gray-lighter;
 			padding: 0.5em;
 			font-weight: bold;
 

less/header.less

@@ -186,7 +186,7 @@
 			margin: auto;
 
 			.progress-bar {
-				background-color: #eee;
+				background-color: @gray-lighter;
 				height: 2px;
 			}
 		}

less/modules/morph.less

@@ -232,7 +232,7 @@ header .btn-morph > span > span {
 	display: block;
 	position: absolute;
 	content: "";
-	background-color: #EEE;
+	background-color: @gray-lighter;
 	border-radius: 100%;
 	width: 100%;
 	height: 100%;

less/topic.less

@@ -342,7 +342,7 @@
 	.pagination-block {
 		position: fixed;
 		width: 100%;
-		background-color: #eee;
+		background-color: @gray-lighter;
 		bottom: 0px;
 		left: 0px;
 		z-index: 100;