progress on new design

src/css/less/navbar.less

@@ -4,6 +4,7 @@
 
 .navbar .nav>li>a {
   padding: 19px 15px 8px;
+  .fa { font-size: 130%; }
 }
 
 .top-nav {
@@ -13,18 +14,45 @@
 .top-nav-menu-btn {
   display: block;
   float: left;
-  padding: 11px 6px 12px 14px;
-  position: relative;
-  border-right: 1px solid @black;
-  font-weight: bold;
-  font-size: 90%;
+  padding: 11px 9px 11px 14px;
+  background: @grafanaTargetBackground;
+  border: 1px solid rgb(55, 54, 54);
   i {
-    font-size: 170%;
-    color: @gray;
-    padding: 0px 0px 0px 6px;
+    font-size: 160%;
+    color: darken(@gray, 15%);
+    padding: 0px 0px 0px 0px;
     position: relative;
     top: 4px;
   }
+  &:hover {
+    background: lighten(@grafanaTargetBackground, 3%);
+  }
+}
+
+.top-nav-dashboards-btn {
+  display: block;
+  float: left;
+  padding: 15px 7px 9px 14px;
+  font-size: 1.4em;
+  font-weight: bold;
+  color: #a2a2a2;
+  margin: 0 18px 0 0;
+  border: 1px solid rgb(55, 54, 54);
+  border-left: none;
+  background: @grafanaTargetBackground;
+  .fa-th-large {
+    font-size: 123%;
+  }
+  .fa-angle-down {
+    position: relative;
+    top: 4px;
+  }
+  &:hover {
+    background: lighten(@grafanaTargetBackground, 3%);
+    .fa {
+      color: @textColor;
+    }
+  }
 }
 
 .top-nav-breadcrumb {

src/css/less/sidemenu.less

@@ -13,7 +13,6 @@
     left: 0;
     width: 200px;
     background: @bodyBackground;
-    border-right: 1px solid black;
     min-height: 100%;
     z-index: 101;
   }
@@ -59,15 +58,15 @@
 }
 
 .sidemenu-top-btn {
-  padding: 14px 0px 12px 20px;
-  background: @grafanaPanelBackground;
   display: block;
+  padding: 14px 0px 10px 20px;
+  background: @grafanaTargetBackground;
+  border: 1px solid rgb(55, 54, 54);
   i {
     padding-right: 5px;
     font-size: 170%;
     color: @gray;
   }
-  border-bottom: 10px solid @bodyBackground;
 }
 
 .sidemenu-icon {