From 57c3532873f65e2e5514cf9e81064a9c4bbfde67 Mon Sep 17 00:00:00 2001
From: Dima Arnautov <dmitrii.arnautov@elastic.co>
Date: Thu, 30 Apr 2020 14:46:19 +0200
Subject: [PATCH] [ML] label colors

---
 .../explorer_swimlane_container.tsx           | 25 +++++++++++--------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/x-pack/plugins/ml/public/embeddables/anomaly_swimlane/explorer_swimlane_container.tsx b/x-pack/plugins/ml/public/embeddables/anomaly_swimlane/explorer_swimlane_container.tsx
index ec056bf3d119c..89c237b205287 100644
--- a/x-pack/plugins/ml/public/embeddables/anomaly_swimlane/explorer_swimlane_container.tsx
+++ b/x-pack/plugins/ml/public/embeddables/anomaly_swimlane/explorer_swimlane_container.tsx
@@ -12,6 +12,7 @@ import {
   EuiLoadingChart,
   EuiResizeObserver,
   EuiSpacer,
+  EuiText,
 } from '@elastic/eui';
 import { Observable } from 'rxjs';
 
@@ -90,17 +91,19 @@ export const ExplorerSwimlaneContainer: FC<ExplorerSwimlaneContainerProps> = ({
             <EuiSpacer size="m" />
 
             {chartWidth > 0 && swimlaneData && swimlaneType ? (
-              <MlTooltipComponent>
-                {tooltipService => (
-                  <ExplorerSwimlane
-                    chartWidth={chartWidth}
-                    timeBuckets={timeBuckets}
-                    swimlaneData={swimlaneData}
-                    swimlaneType={swimlaneType}
-                    tooltipService={tooltipService}
-                  />
-                )}
-              </MlTooltipComponent>
+              <EuiText color="subdued" size="s">
+                <MlTooltipComponent>
+                  {tooltipService => (
+                    <ExplorerSwimlane
+                      chartWidth={chartWidth}
+                      timeBuckets={timeBuckets}
+                      swimlaneData={swimlaneData}
+                      swimlaneType={swimlaneType}
+                      tooltipService={tooltipService}
+                    />
+                  )}
+                </MlTooltipComponent>
+              </EuiText>
             ) : (
               <EuiFlexGroup justifyContent="spaceAround">
                 <EuiFlexItem grow={false}>