quattro: more colors

3 files changed, 25 insertions, 13 deletions

diff --git a/view/theme/quattro/colors.less b/view/theme/quattro/colors.less
index 75a53a68a..d79dbca68 100644
--- a/view/theme/quattro/colors.less
+++ b/view/theme/quattro/colors.less
@@ -44,7 +44,17 @@
 @NavbarSelectedBg:@Metalic3;
 @NavbarSelectedBorder: @Metalic2;
 @NavbarNotifBg: @Blue1;
+
 @Menu: @Grey5;
 @MenuBg: @Grey1;
 @MenuBorder: @Metalic3;
+@MenuItem: @Grey5;
+@MenuItemHoverBg: @Metalic1;
+@MenuItemSeparator: @Metalic2;
+@MenuEmpty: @Metalic2;
+@MenuItemDetail: @Metalic2;
+
+@AsideBorder: @Metalic1;
+
+
 
diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index 4c4a002f3..f83cce3ce 100644
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -6,8 +6,8 @@ body {
 	font-size: 12px;
 	background-color: @BodyBackground;
 	color: @BodyColor;
-	margin: 0px;
-	display:table-row;
+	margin: 50px 0px 0px 0px;
+	display:table;
 }
 
 .shadow(@x: 0px, @y: 5px){
@@ -175,15 +175,15 @@ ul.menu-popup {
 	
 	.shadow();
 	
-		a { display: block; color: @Grey5; padding: 5px 10px;}
-		a:hover { background-color: @Metalic1; }
-		.menu-sep  { border-top: 1px solid @Metalic2; }
+		a { display: block; color: @MenuItem; padding: 5px 10px;}
+		a:hover { background-color: @MenuItemHoverBg; }
+		.menu-sep  { border-top: 1px solid @MenuItemSeparator; }
 		li { float: none;  overflow: auto; height: auto; display: block; }
 		
 		.empty {
 			padding: 5px;
 			text-align: center;
-			color: @Metalic2;
+			color: @MenuEmpty;
 		}
 }
 
@@ -191,7 +191,7 @@ ul.menu-popup {
 	width: 400px;
 	img { float: left; margin-right: 5px; }
 	.contactname { font-weight: bold; }
-	.notif-when { font-size: 10px; color: @Metalic2; display: block; }
+	.notif-when { font-size: 10px; color: @MenuItemDetail; display: block; }
 }
 
 
@@ -201,12 +201,13 @@ ul.menu-popup {
 aside { 
 	display: table-cell;
 	width: 200px;
-	padding:50px 10px 0px 20px;
+	padding:0px 10px 0px 20px;
+	border-right: 1px solid @AsideBorder;
 }
 
 /* section */
 section { 
 	display: table-cell;
 	width: 800px;
-	padding:50px 20px 0px 10px;
+	padding:0px 20px 0px 10px;
 }
diff --git a/view/theme/quattro/style.css b/view/theme/quattro/style.css
index e2c06125b..e0d22a007 100644
--- a/view/theme/quattro/style.css
+++ b/view/theme/quattro/style.css
@@ -7,8 +7,8 @@ body {
   font-size: 12px;
   background-color: #ffffff;
   color: #2d2d2d;
-  margin: 0px;
-  display: table-row;
+  margin: 50px 0px 0px 0px;
+  display: table;
 }
 a, a:link {
   color: #005c94;
@@ -247,11 +247,12 @@ ul.menu-popup .empty {
 aside {
   display: table-cell;
   width: 200px;
-  padding: 50px 10px 0px 20px;
+  padding: 0px 10px 0px 20px;
+  border-right: 1px solid #bdcdd4;
 }
 /* section */
 section {
   display: table-cell;
   width: 800px;
-  padding: 50px 20px 0px 10px;
+  padding: 0px 20px 0px 10px;
 }