Progress on template editor & new templating features

src/css/less/overrides.less

@@ -467,7 +467,6 @@ div.flot-text {
 /*************************
  *   Right Positions
  *************************/
-
 .popover {
   &.rightTop .arrow {
     top: 10%;
@@ -639,3 +638,4 @@ code, pre {
   background-color: @grafanaPanelBackground;
   color: @textColor;
 }
+

src/css/less/tables_lists.less

@@ -9,7 +9,12 @@
     padding: 5px 10px;
     white-space: nowrap;
     border-bottom: 1px solid @grafanaListBorderBottom;
-    border-top: 1px solid @grafanaListBorderTop;
+  }
+
+  tr:first-child {
+    td {
+      border-top: 1px solid @grafanaListBorderBottom;
+    }
   }
 
   td:first-child {

src/css/less/variables.dark.less

@@ -6,7 +6,7 @@
 // -------------------------
 @black:                 #000;
 @gray:                  #bbb;
-@grayDark:              #303030;
+@grayDark:              #242424;
 @grayDarker:            #1f1f1f;
 
 @grayLight:             #ADAFAE;
@@ -29,10 +29,6 @@
 // -------------------------
 @grafanaPanelBackground: @grayDarker;
 
-// Submenu
-@submenuBackground: #292929;
-@submenuBorder: #202020;
-
 // Tabs
 @fullEditBorder:          #555;
 
@@ -43,8 +39,8 @@
 @grafanaTargetColorHide:      darken(#c8c8c8, 25%);
 @grafanaTargetSegmentBorder:  #050505;
 
-@grafanaTargetFuncBackground: #444;
-@grafanaTargetFuncHightlight: #555;
+@grafanaTargetFuncBackground: #333;
+@grafanaTargetFuncHightlight: #444;
 
 // Scaffolding
 // -------------------------
@@ -133,7 +129,7 @@
 
 // Forms
 // -------------------------
-@inputBackground:               lighten(@grayDark,0%);
+@inputBackground:               lighten(@grayDark,5%);
 @inputBorder:                   lighten(@grayDark,5%);
 @inputBorderRadius:             @baseBorderRadius;
 @inputDisabledBackground:       #555;