add variable for codeTagBackground to control look for both themes. Fixes #3399

10 years ago · 477b876a1f
parent db9c288050
commit 477b876a1f
3 changed files with 6 additions and 2 deletions
--- a/public/less/overrides.less
+++ b/public/less/overrides.less
@ -61,7 +61,7 @@
 }

 code, pre {
-  background-color: @grayLighter;
+  background-color: @codeTagBackground;
 }

 div.editor-row {
@ -578,8 +578,10 @@ div.flot-text {

 // pre
 code, pre {
-  background-color: @grafanaPanelBackground;
+  background-color: @codeTagBackground;
  color: @textColor;
+  border: 1px solid darken(@codeTagBackground, 15%);
+  padding: 2px;
 }

 .dropdown-menu {
--- a/public/less/variables.dark.less
+++ b/public/less/variables.dark.less
@ -42,6 +42,7 @@
@grafanaTargetFuncHightlight: #444;

@modalBackground: @black;
+@codeTagBackground: #444;

 // Scaffolding
 // -------------------------
--- a/public/less/variables.light.less
+++ b/public/less/variables.light.less
@ -55,6 +55,7 @@
@grafanaTargetFuncHightlight: darken(@grafanaTargetBackground, 10%);

@modalBackground: @bodyBackground;
+@codeTagBackground: #ddd;

 // Scaffolding
 // -------------------------