Merge pull request #3424 from grafana/code-tag

add variable for codeTagBackground to control look for both themes.

public/less/overrides.less

@@ -61,7 +61,7 @@
 }
 }
 
 
 code, pre {
 code, pre {
-  background-color: @grayLighter;
+  background-color: @codeTagBackground;
 }
 }
 
 
 div.editor-row {
 div.editor-row {
@@ -578,8 +578,10 @@ div.flot-text {
 
 
 // pre
 // pre
 code, pre {
 code, pre {
-  background-color: @grafanaPanelBackground;
+  background-color: @codeTagBackground;
   color: @textColor;
   color: @textColor;
+  border: 1px solid darken(@codeTagBackground, 15%);
+  padding: 2px;
 }
 }
 
 
 .dropdown-menu {
 .dropdown-menu {

public/less/variables.dark.less

@@ -42,6 +42,7 @@
 @grafanaTargetFuncHightlight: #444;
 @grafanaTargetFuncHightlight: #444;
 
 
 @modalBackground: @black;
 @modalBackground: @black;
+@codeTagBackground: #444;
 
 
 // Scaffolding
 // Scaffolding
 // -------------------------
 // -------------------------

public/less/variables.light.less

@@ -55,6 +55,7 @@
 @grafanaTargetFuncHightlight: darken(@grafanaTargetBackground, 10%);
 @grafanaTargetFuncHightlight: darken(@grafanaTargetBackground, 10%);
 
 
 @modalBackground: @bodyBackground;
 @modalBackground: @bodyBackground;
+@codeTagBackground: #ddd;
 
 
 // Scaffolding
 // Scaffolding
 // -------------------------
 // -------------------------