[Security Solution] [Cases] EUI Refresh: Change cases in progress status color

[agusruidiazgd]

Summary

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

Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

• Unit or functional tests were updated or added to match the most common scenarios

[elasticmachine]

Pinging @elastic/security-threat-hunting-explore (Team:Threat Hunting:Explore)

[joana-cps]

@agusruidiazgd 👋 I'm the designer from the RespOps team.
We use different colors for different statuses in cases. This serves to differentiate the ones that are open/closed/in-progress. Using the hollow style will just make it difficult to differentiate case statuses, especially when we're looking at cases table.

Although I understand the "make it less prominent" on the page, changing the badge to hollow is not the best solution for it.

We can agree to change the color of the In progress status in order to not use a warning color. Wdyt?

[adcoelho]

Requesting changes on behalf of @joana-cps 's comment

[joana-cps]

@agusruidiazgd After reviewing this with @codearos, and discuss with the team, we agree on the following approach/changes.

Open should use success color
In Progress should use primary color

This doesn't necessarily make the badge less prominent but removes the semantic meaning warning that the yellow currently brings and that we both agreed that it was misleading.

This is how these changes look in context:

[agusruidiazgd]

@elasticmachine merge upstream

[agusruidiazgd]

Thanks for your insights @joana-cps @codearos 😸
Quick update: Colors have been changed in order to match with design requests.

Theme Amsterdam:

Theme Borealis:

[angorayc]

@agusruidiazgd @joana-cps Please also check if we want to update the case table and the histogram in the detection response dashboard:

[joana-cps]

@agusruidiazgd @joana-cps Please also check if we want to update the case table and the histogram in the detection response dashboard:

Thanks @angorayc Yes, we should change it in every place that we use case status badges/colors and keep it consistent.

[agusruidiazgd]

@elasticmachine merge upstream

[agusruidiazgd]

Updated detection & response page:

[elasticmachine]

💚 Build Succeeded

• Buildkite Build
• Commit: 9228b41

Metrics [docs]

✅ unchanged

History

• 💚 Build #267728 succeeded d3a4d56
• 💔 Build #267647 failed 577e5fd
• 💔 Build #265914 failed c1d7849

cc @agusruidiazgd