From 3805b4677263df7f806967ace801326de65e0156 Mon Sep 17 00:00:00 2001
From: Agustina Nahir Ruidiaz <61565784+agusruidiazgd@users.noreply.github.com>
Date: Fri, 24 Jan 2025 14:02:07 +0100
Subject: [PATCH] [Security Solution] [Cases] EUI Refresh: Change cases in
 progress status color (#206240)

## Summary

This PR resolves #205740
Change the `In Progress` badge to the hollow style to make it less
prominent.

<img width="1066" alt="Screenshot 2025-01-10 at 10 45 46"
src="https://github.com/user-attachments/assets/c66ac32b-75e4-42c2-908d-690c41e2aeba"
/>
<img width="1054" alt="Screenshot 2025-01-10 at 10 46 07"
src="https://github.com/user-attachments/assets/c82f2910-9be5-4de1-a6ab-14e47019ccab"
/>


### Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

- [ ] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios

---------

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
---
 .../shared/kbn-cases-components/src/status/config.ts        | 4 ++--
 .../public/components/status/status_popover_button.test.tsx | 4 ++--
 .../detection_response/cases_by_status/cases_by_status.tsx  | 6 +++---
 .../detection_response/cases_table/status_badge.tsx         | 4 ++--
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/platform/packages/shared/kbn-cases-components/src/status/config.ts b/src/platform/packages/shared/kbn-cases-components/src/status/config.ts
index 74197b25ae1f5..a23c4cbd5b241 100644
--- a/src/platform/packages/shared/kbn-cases-components/src/status/config.ts
+++ b/src/platform/packages/shared/kbn-cases-components/src/status/config.ts
@@ -12,12 +12,12 @@ import { CaseStatuses } from './types';
 
 export const getStatusConfiguration = () => ({
   [CaseStatuses.open]: {
-    color: 'primary',
+    color: 'success',
     label: i18n.OPEN,
     icon: 'folderOpen' as const,
   },
   [CaseStatuses['in-progress']]: {
-    color: 'warning',
+    color: 'primary',
     label: i18n.IN_PROGRESS,
     icon: 'folderExclamation' as const,
   },
diff --git a/x-pack/platform/plugins/shared/cases/public/components/status/status_popover_button.test.tsx b/x-pack/platform/plugins/shared/cases/public/components/status/status_popover_button.test.tsx
index 04de1845f450d..d55c509338bd1 100644
--- a/x-pack/platform/plugins/shared/cases/public/components/status/status_popover_button.test.tsx
+++ b/x-pack/platform/plugins/shared/cases/public/components/status/status_popover_button.test.tsx
@@ -69,7 +69,7 @@ describe('StatusPopoverButton', () => {
           .find(`[data-test-subj="case-status-badge-popover-button-open"]`)
           .first()
           .prop('color')
-      ).toBe('primary');
+      ).toBe('success');
     });
 
     it('shows the correct color when status is in-progress', async () => {
@@ -82,7 +82,7 @@ describe('StatusPopoverButton', () => {
           .find(`[data-test-subj="case-status-badge-popover-button-in-progress"]`)
           .first()
           .prop('color')
-      ).toBe('warning');
+      ).toBe('primary');
     });
 
     it('shows the correct color when status is closed', async () => {
diff --git a/x-pack/solutions/security/plugins/security_solution/public/overview/components/detection_response/cases_by_status/cases_by_status.tsx b/x-pack/solutions/security/plugins/security_solution/public/overview/components/detection_response/cases_by_status/cases_by_status.tsx
index a7fdca017b55d..1993247674c3f 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/overview/components/detection_response/cases_by_status/cases_by_status.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/overview/components/detection_response/cases_by_status/cases_by_status.tsx
@@ -110,14 +110,14 @@ const CasesByStatusComponent: React.FC = () => {
   const barColors = useMemo(
     () => ({
       empty: euiTheme.colors.vis.euiColorVis8,
-      open: euiTheme.colors.primary,
-      'in-progress': euiTheme.colors.warning,
+      open: euiTheme.colors.success,
+      'in-progress': euiTheme.colors.primary,
       closed: euiTheme.colors.borderBaseSubdued,
     }),
     [
       euiTheme.colors.vis.euiColorVis8,
       euiTheme.colors.primary,
-      euiTheme.colors.warning,
+      euiTheme.colors.success,
       euiTheme.colors.borderBaseSubdued,
     ]
   );
diff --git a/x-pack/solutions/security/plugins/security_solution/public/overview/components/detection_response/cases_table/status_badge.tsx b/x-pack/solutions/security/plugins/security_solution/public/overview/components/detection_response/cases_table/status_badge.tsx
index ba3e51d17383c..236fdbcb46829 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/overview/components/detection_response/cases_table/status_badge.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/overview/components/detection_response/cases_table/status_badge.tsx
@@ -18,11 +18,11 @@ interface Props {
 
 const statuses = {
   [CaseStatuses.open]: {
-    color: 'primary',
+    color: 'success',
     label: i18n.STATUS_OPEN,
   },
   [CaseStatuses['in-progress']]: {
-    color: 'warning',
+    color: 'primary',
     label: i18n.STATUS_IN_PROGRESS,
   },
   [CaseStatuses.closed]: {