From dbc871440ffd20fe394947c40e6d36fb9f8fd07e Mon Sep 17 00:00:00 2001
From: Brent Kimmel <bkimmel@endgame.com>
Date: Tue, 14 Apr 2020 17:58:27 -0400
Subject: [PATCH] adjust palette to match comps

---
 .../public/embeddables/resolver/view/defs.tsx         | 10 +++++++++-
 .../embeddables/resolver/view/process_event_dot.tsx   | 11 ++++++-----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/x-pack/plugins/endpoint/public/embeddables/resolver/view/defs.tsx b/x-pack/plugins/endpoint/public/embeddables/resolver/view/defs.tsx
index de9c3c7e8f8f3e..064645019ca34c 100644
--- a/x-pack/plugins/endpoint/public/embeddables/resolver/view/defs.tsx
+++ b/x-pack/plugins/endpoint/public/embeddables/resolver/view/defs.tsx
@@ -54,7 +54,11 @@ type ResolverColorNames =
   | 'activeNoWarning'
   | 'activeWarning'
   | 'fullLabelBackground'
-  | 'inertDescription';
+  | 'inertDescription'
+  | 'labelBackgroundTerminatedProcess'
+  | 'labelBackgroundTerminatedTrigger'
+  | 'labelBackgroundRunningProcess'
+  | 'labelBackgroundRunningTrigger';
 
 export const NamedColors: Record<ResolverColorNames, string> = {
   ok: saturate(0.5, resolverPalette.temperatures[0]),
@@ -70,6 +74,10 @@ export const NamedColors: Record<ResolverColorNames, string> = {
   activeNoWarning: '#0078FF',
   activeWarning: '#C61F38',
   fullLabelBackground: '#3B3C41',
+  labelBackgroundTerminatedProcess: '#8A96A8',
+  labelBackgroundTerminatedTrigger: '#8A96A8',
+  labelBackgroundRunningProcess: '#8A96A8',
+  labelBackgroundRunningTrigger: '#8A96A8',
   inertDescription: '#747474',
 };
 
diff --git a/x-pack/plugins/endpoint/public/embeddables/resolver/view/process_event_dot.tsx b/x-pack/plugins/endpoint/public/embeddables/resolver/view/process_event_dot.tsx
index 17a5ed6ea9dbfc..4a36f68885ce4f 100644
--- a/x-pack/plugins/endpoint/public/embeddables/resolver/view/process_event_dot.tsx
+++ b/x-pack/plugins/endpoint/public/embeddables/resolver/view/process_event_dot.tsx
@@ -27,7 +27,7 @@ import * as selectors from '../store/selectors';
 const nodeAssets = {
   runningProcessCube: {
     cubeSymbol: `#${SymbolIds.runningProcessCube}`,
-    labelBackground: NamedColors.fullLabelBackground,
+    labelBackground: NamedColors.labelBackgroundRunningProcess,
     descriptionFill: NamedColors.empty,
     descriptionText: i18n.translate('xpack.endpoint.resolver.runningProcess', {
       defaultMessage: 'Running Process',
@@ -35,7 +35,7 @@ const nodeAssets = {
   },
   runningTriggerCube: {
     cubeSymbol: `#${SymbolIds.runningTriggerCube}`,
-    labelBackground: NamedColors.fullLabelBackground,
+    labelBackground: NamedColors.labelBackgroundRunningTrigger,
     descriptionFill: NamedColors.empty,
     descriptionText: i18n.translate('xpack.endpoint.resolver.runningTrigger', {
       defaultMessage: 'Running Trigger',
@@ -43,7 +43,7 @@ const nodeAssets = {
   },
   terminatedProcessCube: {
     cubeSymbol: `#${SymbolIds.terminatedProcessCube}`,
-    labelBackground: NamedColors.fullLabelBackground,
+    labelBackground: NamedColors.labelBackgroundTerminatedProcess,
     descriptionFill: NamedColors.empty,
     descriptionText: i18n.translate('xpack.endpoint.resolver.terminatedProcess', {
       defaultMessage: 'Terminated Process',
@@ -51,7 +51,7 @@ const nodeAssets = {
   },
   terminatedTriggerCube: {
     cubeSymbol: `#${SymbolIds.terminatedTriggerCube}`,
-    labelBackground: NamedColors.fullLabelBackground,
+    labelBackground: NamedColors.labelBackgroundTerminatedTrigger,
     descriptionFill: NamedColors.empty,
     descriptionText: i18n.translate('xpack.endpoint.resolver.terminatedTrigger', {
       defaultMessage: 'Terminated Trigger',
@@ -285,7 +285,7 @@ export const ProcessEventDot = styled(
                 top: '30%',
                 position: 'absolute',
                 width: '50%',
-                color: NamedColors.empty,
+                color: NamedColors.full,
                 fontSize: `${scaledTypeSize}px`,
                 lineHeight: '140%',
                 backgroundColor: NamedColors.resolverBackground,
@@ -305,6 +305,7 @@ export const ProcessEventDot = styled(
                   margin: '0',
                   textAlign: 'left',
                   padding: '0',
+                  color: NamedColors.empty,
                 }}
               >
                 {descriptionText}