[Security Solution][THI] - replace usages of EUI vis colors

[PhilippeOberti]

Summary

This PR is part of a list of PRs to perform the changes necessary to get the new Borealis theme working correctly. It focuses on replace the vis colors for non-visualization usages by correct EUI color tokens.

2 places have been impacted:

• the alerts data table in grouping mode (for host, user and network). The background colors are removed as they don't really mean anything, and are not used anywhere else in Kibana. Also the icons have been updated to match the ones used in other places (like in the flyout)

Host

before	after

User

before	after

Network

before	after

• the dataprovider badge in timeline

Dark mode

before	after

Light mode

before	after

The changes have been reviewed and approved by @codearos 😄

#201883

[elasticmachine]

Pinging @elastic/security-threat-hunting-investigations (Team:Threat Hunting:Investigations)

[angorayc]

Found that we no longer have background color of the group icons after migration, is it intended?

[PhilippeOberti]

Found that we no longer have background color of the group icons after migration, is it intended?

@angorayc yeah this is intentional. The background colors behind those icons made no sense to me. I'm not sure why they were added in the first place. Why would we have colors behind host, user and network icons but not behind any other icons? Also, we're not reusing these colors anywhere else in Kibana (that I'm aware of) for host, user and network. We're even using different icons (which this PR also fixes).

I just reached out to @codearos on Slack to make sure he is ok with this change. I will update the PR description to add this information once confirmed it's validated!

[PhilippeOberti]

Found that we no longer have background color of the group icons after migration, is it intended?

@angorayc yeah this is intentional. The background colors behind those icons made no sense to me. I'm not sure why they were added in the first place. Why would we have colors behind host, user and network icons but not behind any other icons? Also, we're not reusing these colors anywhere else in Kibana (that I'm aware of) for host, user and network. We're even using different icons (which this PR also fixes).

I just reached out to @codearos on Slack to make sure he is ok with this change. I will update the PR description to add this information once confirmed it's validated!

no background color changes approved by @codearos!
I did remove the icon I added for the rule group per his request.
PR description updated accordingly.

[mgadewoll]

✅ Changes LGTM from EUI side.

[elasticmachine]

💚 Build Succeeded

• Buildkite Build
• Commit: 6bfcf09

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
securitySolution	22.2MB	22.2MB	-1.5KB

History

• 💔 Build #266123 failed c6c3afc