Change monaco background color to match inputs (#82451)

ryankeairns · ryankeairns · commit b6a9bd93d3f3 · 2020-11-04T10:15:58.000-06:00
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 {

Original file line number	Diff line number	Diff line change
`@@ -45,4 +45,5 @@`
`45`	`45`	`.canvasExpression__settings {`
`46`	`46`	`padding: $euiSizeM $euiSize;`
`47`	`47`	`border-top: $euiBorderThin;`
	`48`	`+ background-color: $euiColorEmptyShade;`
`48`	`49`	`}`
Original file line number	Diff line number	Diff line change
`@@ -4,11 +4,7 @@`
`4`	`4`	`}`
`5`	`5`
`6`	`6`	`.canvasTray__panel {`
`7`		`- background-color: $euiPageBackgroundColor;`
	`7`	`+ background-color: $euiFormBackgroundColor;`
`8`	`8`	`border-radius: 0;`
`9`		`-`
`10`		`- &.canvasTray__panel--holdingExpression {`
`11`		`- background-color: $euiColorEmptyShade;`
`12`		`- }`
`13`	`9`	`}`
`14`	`10`
Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ $bottomBarHeight: $euiSize * 3;`
`12`	`12`
`13`	`13`	`.painlessLabLeftPane {`
`14`	`14`	`padding-top: $euiSizeM;`
`15`		`- background-color: $euiColorEmptyShade;`
	`15`	`+ background-color: $euiFormBackgroundColor;`
`16`	`16`	`}`
`17`	`17`
`18`	`18`	`.painlessLabRightPane {`