--- a/src/pyams_skin/resources/less/layout.less	Wed Sep 26 16:17:47 2018 +0200
+++ b/src/pyams_skin/resources/less/layout.less	Wed Sep 26 16:55:49 2018 +0200
@@ -89,15 +89,10 @@
 	width: 220px;
 	overflow: hidden;
 	min-height: 100%;
+	background-color: @asideBgColor;
 
-	&,
 	nav li.divider {
-		background: #829db0;
-		/*background: -webkit-gradient(linear, left top, right top, color-stop(93%, #829db0), color-stop(100%, #6f8696));
-		background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%);
-		background: -webkit-gradient(linear, top left, top right, from(#829db0), to(#6f8696));
-		background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%);
-		background: linear-gradient(to right, #829db0 93%, #6f8696 100%);*/
+		background: @navDividerBgColor;
 	}
 }
 
@@ -107,20 +102,14 @@
 	position: relative;
 	margin: 0;
 	padding: 0 13px 0 0;
-	background-color: #f3f3f3;
-	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));
-	background-image: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2);
-	background-image: -webkit-gradient(linear, top left, bottom left, from(#f3f3f3), to(#e2e2e2));
-	background-image: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2);
-	background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
-	background-repeat: repeat-x;
+	background-color: @headerBgColor;
 
 	@media (max-width:767px) {
 		padding-right: 5px;
 	}
 	@media only screen and (max-width:679px) {
 		padding-right: 5px;
-		background: #fff;
+		background: @headerMobileBgColor;
 	}
 	>div {
 		display: inline-block;
@@ -430,9 +419,7 @@
 
 #logo {
 	display: inline-block;
-	width: 175px;
-	margin-top: 7px;
-	margin-left: 9px;
+	max-width: 100%;
 
 	@media (min-width:768px) and (max-width:880px) {
 		margin-top: 10px;
@@ -451,9 +438,8 @@
 		margin-left: 4px;
 	}
 	img {
-		max-width: 175px;
-		max-height: 36px;
-		padding-left: 3px;
+		max-width: 100%;
+		max-height: 50px;
 	}
 }
 
@@ -1011,11 +997,11 @@
 			left: 40px;
 			width: 200px;
 			z-index: 5;
-			border: 1px solid #bfbfbf;
+			border: 1px solid @navBgColor;
 			min-height: 180px;
 			-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
 			box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
-			background: #627685;
+			background: @navBgColor;
 			margin-top: -3px;
 		}
 		ul >li >ul >li >ul {
@@ -1030,11 +1016,10 @@
 			display: block!important;
 		}
 		>ul >li >ul >li {
-			background-color: rgba(91,103,113,0.8);
-			/*background-color: rgba(69, 69, 69, .9);*/
+			background-color: @navBgColor;
 		}
 		>ul >li >ul >li >ul >li {
-			background-color: #627685;
+			background-color: @navSubMenuBgColor;
 		}
 		>ul >li >ul >li >a,
 		>ul >li >ul >li >ul >li >a {