adjust palette to match comps

elastic · Apr 14, 2020 · dbc8714 · dbc8714
1 parent 208ed98
commit dbc8714
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 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
@@ -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
@@ -27,31 +27,31 @@ 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',
     }),
   },
   runningTriggerCube: {
     cubeSymbol: `#${SymbolIds.runningTriggerCube}`,
-    labelBackground: NamedColors.fullLabelBackground,
+    labelBackground: NamedColors.labelBackgroundRunningTrigger,
     descriptionFill: NamedColors.empty,
     descriptionText: i18n.translate('xpack.endpoint.resolver.runningTrigger', {
       defaultMessage: 'Running Trigger',
     }),
   },
   terminatedProcessCube: {
     cubeSymbol: `#${SymbolIds.terminatedProcessCube}`,
-    labelBackground: NamedColors.fullLabelBackground,
+    labelBackground: NamedColors.labelBackgroundTerminatedProcess,
     descriptionFill: NamedColors.empty,
     descriptionText: i18n.translate('xpack.endpoint.resolver.terminatedProcess', {
       defaultMessage: 'Terminated Process',
     }),
   },
   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}