Change monaco background color to match inputs (#82451) (#82623)

elastic · Nov 4, 2020 · 08037e2 · 08037e2
1 parent 91ba34f
commit 08037e2
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 9 deletions.
diff --git a/src/plugins/kibana_react/public/code_editor/editor_theme.ts b/src/plugins/kibana_react/public/code_editor/editor_theme.ts
@@ -35,7 +35,7 @@ export function createTheme(
       {
         token: '',
         foreground: euiTheme.euiColorDarkestShade,
-        background: euiTheme.euiColorEmptyShade,
+        background: euiTheme.euiFormBackgroundColor,
       },
       { token: 'invalid', foreground: euiTheme.euiColorAccent },
       { token: 'emphasis', fontStyle: 'italic' },
@@ -94,7 +94,7 @@ export function createTheme(
     ],
     colors: {
       'editor.foreground': euiTheme.euiColorDarkestShade,
-      'editor.background': euiTheme.euiColorEmptyShade,
+      'editor.background': euiTheme.euiFormBackgroundColor,
       'editorLineNumber.foreground': euiTheme.euiColorDarkShade,
       'editorLineNumber.activeForeground': euiTheme.euiColorDarkShade,
       'editorIndentGuide.background': euiTheme.euiColorLightShade,

diff --git a/x-pack/plugins/canvas/public/components/expression/expression.scss b/x-pack/plugins/canvas/public/components/expression/expression.scss
@@ -45,4 +45,5 @@
 .canvasExpression__settings {
   padding: $euiSizeM $euiSize;
   border-top: $euiBorderThin;
+  background-color: $euiColorEmptyShade;
 }
diff --git a/x-pack/plugins/canvas/public/components/toolbar/toolbar.scss b/x-pack/plugins/canvas/public/components/toolbar/toolbar.scss
@@ -6,7 +6,7 @@
   position: absolute;
   top: $euiSize * -1.25;
   left: 50%;
-  background-color: $euiColorLightestShade;
+  background-color: $euiFormBackgroundColor;
   margin: 0;
   border-radius: $euiBorderRadius $euiBorderRadius 0 0;
 

diff --git a/x-pack/plugins/canvas/public/components/toolbar/tray/tray.scss b/x-pack/plugins/canvas/public/components/toolbar/tray/tray.scss
@@ -4,11 +4,7 @@
 }
 
 .canvasTray__panel {
-  background-color: $euiPageBackgroundColor;
+  background-color: $euiFormBackgroundColor;
   border-radius: 0;
-
-  &.canvasTray__panel--holdingExpression {
-    background-color: $euiColorEmptyShade;
-  }
 }
 
diff --git a/x-pack/plugins/painless_lab/public/styles/_index.scss b/x-pack/plugins/painless_lab/public/styles/_index.scss
@@ -12,7 +12,7 @@ $bottomBarHeight: $euiSize * 3;
 
 .painlessLabLeftPane {
   padding-top: $euiSizeM;
-  background-color: $euiColorEmptyShade;
+  background-color: $euiFormBackgroundColor;
 }
 
 .painlessLabRightPane {