Fix colors in Kibana overview page (#97741) (#97769)

elastic · Apr 21, 2021 · c4e1730 · c4e1730
1 parent e559aa0
commit c4e1730
Show file tree

Hide file tree

Showing 12 changed files with 116 additions and 100 deletions.
diff --git a/src/plugins/kibana_overview/public/assets/solutions_enterprise_search_2x.png b/src/plugins/kibana_overview/public/assets/solutions_enterprise_search_2x.png
diff --git a/src/plugins/kibana_overview/public/assets/solutions_enterprise_search_dark_2x.png b/src/plugins/kibana_overview/public/assets/solutions_enterprise_search_dark_2x.png
diff --git a/src/plugins/kibana_overview/public/assets/solutions_enterprise_search_light_2x.png b/src/plugins/kibana_overview/public/assets/solutions_enterprise_search_light_2x.png
diff --git a/src/plugins/kibana_overview/public/assets/solutions_observability_2x.png b/src/plugins/kibana_overview/public/assets/solutions_observability_2x.png
diff --git a/src/plugins/kibana_overview/public/assets/solutions_observability_dark_2x.png b/src/plugins/kibana_overview/public/assets/solutions_observability_dark_2x.png
diff --git a/src/plugins/kibana_overview/public/assets/solutions_observability_light_2x.png b/src/plugins/kibana_overview/public/assets/solutions_observability_light_2x.png
diff --git a/src/plugins/kibana_overview/public/assets/solutions_security_solution_2x.png b/src/plugins/kibana_overview/public/assets/solutions_security_solution_2x.png
diff --git a/src/plugins/kibana_overview/public/assets/solutions_security_solution_dark_2x.png b/src/plugins/kibana_overview/public/assets/solutions_security_solution_dark_2x.png
diff --git a/src/plugins/kibana_overview/public/assets/solutions_security_solution_light_2x.png b/src/plugins/kibana_overview/public/assets/solutions_security_solution_light_2x.png
diff --git a/src/plugins/kibana_overview/public/components/_overview.scss b/src/plugins/kibana_overview/public/components/_overview.scss
@@ -59,6 +59,24 @@
   }
 }
 
+.kbnOverviewSolution {
+  &.enterpriseSearch {
+    .euiCard__image {
+      background-color: $euiColorSecondary;
+    }
+  }
+  &.observability {
+    .euiCard__image {
+      background-color: $euiColorAccent;
+    }
+  }
+  &.securitySolution {
+    .euiCard__image {
+      background-color: $euiColorDarkestShade;
+    }
+  }
+}
+
 .kbnOverviewSolution__icon {
   background-color: $euiColorEmptyShade !important;
   box-shadow: none !important;