-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
diff --git a/x-pack/plugins/maps/public/components/gis_map/_gis_map.scss b/x-pack/plugins/maps/public/components/gis_map/_gis_map.scss
index ecce615d036b01..85168d970c6dec 100644
--- a/x-pack/plugins/maps/public/components/gis_map/_gis_map.scss
+++ b/x-pack/plugins/maps/public/components/gis_map/_gis_map.scss
@@ -1,9 +1,10 @@
.mapMapWrapper {
+ background-color: $euiColorEmptyShade;
position: relative;
}
.mapMapLayerPanel {
- background-color: $euiColorLightestShade;
+ background-color: $euiPageBackgroundColor;
width: 0;
overflow: hidden;
diff --git a/x-pack/plugins/maps/public/shared/components/_index.scss b/x-pack/plugins/maps/public/shared/components/_index.scss
index 4ddda7ea571a06..e69de29bb2d1d6 100644
--- a/x-pack/plugins/maps/public/shared/components/_index.scss
+++ b/x-pack/plugins/maps/public/shared/components/_index.scss
@@ -1 +0,0 @@
-@import './map_listing';
diff --git a/x-pack/plugins/maps/public/shared/components/_map_listing.scss b/x-pack/plugins/maps/public/shared/components/_map_listing.scss
deleted file mode 100644
index cc2d8f7c726e2f..00000000000000
--- a/x-pack/plugins/maps/public/shared/components/_map_listing.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-// Makes sure the listing page is full height with proper background
-map-listing, {
- min-height: 100vh;
- background-color: $euiColorLightestShade;
-}
diff --git a/x-pack/plugins/ml/public/_hacks.scss b/x-pack/plugins/ml/public/_hacks.scss
index c78730e06a697e..a089d6d55eeedb 100644
--- a/x-pack/plugins/ml/public/_hacks.scss
+++ b/x-pack/plugins/ml/public/_hacks.scss
@@ -1,3 +1,12 @@
+.tab-settings,
+.tab-datavisualizer,
+.tab-timeseriesexplorer,
+.tab-explorer,
+.tab-jobs {
+ // Make all page background white until More of the pages use EuiPage to wrap in panel-like components
+ background-color: $euiColorEmptyShade;
+}
+
// These are hacks that were near ML's root. Unsure if they still need to be here.
.tab-jobs,
.edit-job-modal,
diff --git a/x-pack/plugins/ml/public/datavisualizer/_datavisualizer.scss b/x-pack/plugins/ml/public/datavisualizer/_datavisualizer.scss
index 9c6365b94cf401..410b875f472359 100644
--- a/x-pack/plugins/ml/public/datavisualizer/_datavisualizer.scss
+++ b/x-pack/plugins/ml/public/datavisualizer/_datavisualizer.scss
@@ -3,7 +3,6 @@
margin-right: auto;
margin-left: auto;
padding: $euiSizeS $euiSize;
- background-color: $euiColorLightestShade;
flex: 1 0 auto;
.flexGroup__filler {
diff --git a/x-pack/plugins/ml/public/datavisualizer/selector/_selector.scss b/x-pack/plugins/ml/public/datavisualizer/selector/_selector.scss
index a6007a63620edf..fa7c58612cb2fd 100644
--- a/x-pack/plugins/ml/public/datavisualizer/selector/_selector.scss
+++ b/x-pack/plugins/ml/public/datavisualizer/selector/_selector.scss
@@ -1,5 +1,5 @@
.ml-datavisualizer-selector {
flex-grow: 1;
- background-color: $euiColorLightestShade;
+ background-color: $euiPageBackgroundColor;
min-height: 100vh;
}
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/_file_datavisualizer.scss b/x-pack/plugins/ml/public/file_datavisualizer/_file_datavisualizer.scss
index 64d64ce8543049..119ebaeb4b2285 100644
--- a/x-pack/plugins/ml/public/file_datavisualizer/_file_datavisualizer.scss
+++ b/x-pack/plugins/ml/public/file_datavisualizer/_file_datavisualizer.scss
@@ -2,6 +2,6 @@
.file-datavisualizer-container {
padding: 20px;
- background-color: $euiColorLightestShade;
+ background-color: $euiPageBackgroundColor;
min-height: calc(100vh - 70px);
}
diff --git a/x-pack/plugins/ml/public/settings/_settings.scss b/x-pack/plugins/ml/public/settings/_settings.scss
index 8659ea3ec2a0bc..e529d32ba568e3 100644
--- a/x-pack/plugins/ml/public/settings/_settings.scss
+++ b/x-pack/plugins/ml/public/settings/_settings.scss
@@ -1,7 +1,7 @@
.mlSettingsPage {
.mlSettingsPage__body {
- background: $euiColorLightestShade;
+ background: $euiPageBackgroundColor;
min-height: 100vh;
}
diff --git a/x-pack/plugins/ml/public/settings/calendars/_calendars.scss b/x-pack/plugins/ml/public/settings/calendars/_calendars.scss
index 9e60ec241b8e83..65116c266bbc28 100644
--- a/x-pack/plugins/ml/public/settings/calendars/_calendars.scss
+++ b/x-pack/plugins/ml/public/settings/calendars/_calendars.scss
@@ -1,4 +1,4 @@
.mlCalendarManagement {
- background: $euiColorLightestShade;
+ background: $euiPageBackgroundColor;
min-height: 100vh;
}
diff --git a/x-pack/plugins/ml/public/settings/filter_lists/_filter_lists.scss b/x-pack/plugins/ml/public/settings/filter_lists/_filter_lists.scss
index 80dd1c495b092b..a0d554a2d87d9d 100644
--- a/x-pack/plugins/ml/public/settings/filter_lists/_filter_lists.scss
+++ b/x-pack/plugins/ml/public/settings/filter_lists/_filter_lists.scss
@@ -1,5 +1,5 @@
.ml-filter-lists {
- background: $euiColorLightestShade;
+ background: $euiPageBackgroundColor;
min-height: 100vh;
}
diff --git a/x-pack/plugins/monitoring/public/_hacks.scss b/x-pack/plugins/monitoring/public/_hacks.scss
index d46d298f7aca52..bd5079a560820c 100644
--- a/x-pack/plugins/monitoring/public/_hacks.scss
+++ b/x-pack/plugins/monitoring/public/_hacks.scss
@@ -1,12 +1,6 @@
@import '@elastic/eui/src/components/header/variables';
#monitoring-app {
- // SASSTODO: We need background colors till more of Kibana is converted
- monitoring-main {
- background: $euiColorLightestShade;
- height: calc(100vh - #{$euiHeaderChildSize});
- }
-
// SASSTODO: PUI tooltips can be replaced with EuiToolTip
.pui-tooltip-inner {
font-size: $euiFontSizeXS;
diff --git a/x-pack/plugins/spaces/public/index.scss b/x-pack/plugins/spaces/public/index.scss
index eabd311fac1422..5c2b370a51764b 100644
--- a/x-pack/plugins/spaces/public/index.scss
+++ b/x-pack/plugins/spaces/public/index.scss
@@ -1,7 +1,7 @@
// Import the EUI global scope so we can use EUI constants
@import 'ui/public/styles/_styling_constants';
-/* Graph plugin styles */
+/* Spaces plugin styles */
// Prefix all styles with "spc" to avoid conflicts.
// Examples
diff --git a/x-pack/plugins/spaces/public/views/management/_manage_spaces.scss b/x-pack/plugins/spaces/public/views/management/_manage_spaces.scss
index 1f58cd92a06e94..e6f5458c0d7820 100644
--- a/x-pack/plugins/spaces/public/views/management/_manage_spaces.scss
+++ b/x-pack/plugins/spaces/public/views/management/_manage_spaces.scss
@@ -1,8 +1,3 @@
-#manageSpacesReactRoot {
- background: $euiColorLightestShade;
- flex-grow: 1;
-}
-
.spcManagePage__content {
max-width: 640px;
margin-left: auto;
diff --git a/x-pack/plugins/upgrade_assistant/public/_app.scss b/x-pack/plugins/upgrade_assistant/public/_app.scss
deleted file mode 100644
index 533bdfbea8c598..00000000000000
--- a/x-pack/plugins/upgrade_assistant/public/_app.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-upgrade-assistant {
- flex-grow: 1;
- background-color: $euiColorLightestShade;
-}
diff --git a/x-pack/plugins/upgrade_assistant/public/index.scss b/x-pack/plugins/upgrade_assistant/public/index.scss
index d9ba9a436792ab..7fc22c8d8f1f11 100644
--- a/x-pack/plugins/upgrade_assistant/public/index.scss
+++ b/x-pack/plugins/upgrade_assistant/public/index.scss
@@ -1,4 +1,3 @@
@import 'ui/public/styles/_styling_constants';
-@import './app';
@import './components/index';
diff --git a/x-pack/plugins/watcher/public/sections/watch_edit/components/threshold_watch_edit/_threshold_watch_edit.scss b/x-pack/plugins/watcher/public/sections/watch_edit/components/threshold_watch_edit/_threshold_watch_edit.scss
index 18f18d33931cdd..b8a39a65c847f1 100644
--- a/x-pack/plugins/watcher/public/sections/watch_edit/components/threshold_watch_edit/_threshold_watch_edit.scss
+++ b/x-pack/plugins/watcher/public/sections/watch_edit/components/threshold_watch_edit/_threshold_watch_edit.scss
@@ -1,7 +1,4 @@
threshold-watch-edit {
- flex: 1 0 auto;
- background-color: $euiColorLightestShade;
-
.thresholdWatchEditButtons {
flex-direction:row-reverse;
}
diff --git a/yarn.lock b/yarn.lock
index 102d3fd149dcb4..73e3468d84b2db 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -871,10 +871,10 @@
tabbable "^1.1.0"
uuid "^3.1.0"
-"@elastic/eui@6.8.0":
- version "6.8.0"
- resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-6.8.0.tgz#16152cb2b04ddc756bed5cadb525d27a8904ec42"
- integrity sha512-AnBgIpcEzpKrdbqYRIitU0kPN0fTgO2olOSaQqoKz8LUQButYLE9+ghV6c48K12UuuMQUK7m+qvyXt2z/5xCGQ==
+"@elastic/eui@6.10.0":
+ version "6.10.0"
+ resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-6.10.0.tgz#4255e53c7481dd5170072a0bdf45eb796817c0b0"
+ integrity sha512-yWEt/wbG3BtqaDAcPOS9Hkm8G2BftmP31wzr2Q/Dm+jpNhTA/fUs++1WFgaVvX/Vj9RsTgi8yx8PZHth8Metog==
dependencies:
"@types/lodash" "^4.14.116"
"@types/numeral" "^0.0.25"