Cloud Security preparation for Kibana Borealis theme

[opauloh]

Summary

it fixes https://github.com/elastic/security-team/issues/11230

This PR prepares Cloud Security pages for the Kibana Borealis theme, by addressing Color issues detected during the initial validation with the usage of viz tokens on the Misconfiguration and Vulnerabilities pages.

During our investigations, we initially tried to use euiPaletteForStatus or adjust the tokens to the closest Eui Colors tokens but we could not find enough contrast to create a Pallete for Severity status colors using the tokens provided, so we created a custom colour palette by using the values of the Visualization tokens.

Screenshot (Light and Dark mode Borealis Theme)

[elasticmachine]

Pinging @elastic/kibana-cloud-security-posture (Team:Cloud Security)

[elasticmachine]

🤖 Jobs for this PR can be triggered through checkboxes. 🚧

ℹ️ To trigger the CI, please tick the checkbox below 👇

• Click to trigger kibana-pull-request for this PR!
• Click to trigger kibana-deploy-project-from-pr for this PR!

[elasticmachine]

💔 Build Failed

• Buildkite Build
• Commit: 51048c2

Failed CI Steps

• Jest Tests #18
• Jest Tests #18

Test Failures

• [job] [logs] Jest Tests #18 / getCvsScoreColor returns correct color for critical severity score
• [job] [logs] Jest Tests #18 / getCvsScoreColor returns correct color for critical severity score
• [job] [logs] Jest Tests #18 / getCvsScoreColor returns correct color for high severity score
• [job] [logs] Jest Tests #18 / getCvsScoreColor returns correct color for high severity score
• [job] [logs] Jest Tests #18 / getCvsScoreColor returns correct color for low severity score
• [job] [logs] Jest Tests #18 / getCvsScoreColor returns correct color for low severity score
• [job] [logs] Jest Tests #18 / getCvsScoreColor returns correct color for low severity score for undefined value
• [job] [logs] Jest Tests #18 / getCvsScoreColor returns correct color for low severity score for undefined value
• [job] [logs] Jest Tests #18 / getCvsScoreColor returns correct color for medium severity score
• [job] [logs] Jest Tests #18 / getCvsScoreColor returns correct color for medium severity score
• [job] [logs] Jest Tests #18 / getSeverityStatusColor should return the correct color for CRITICAL severity
• [job] [logs] Jest Tests #18 / getSeverityStatusColor should return the correct color for CRITICAL severity
• [job] [logs] Jest Tests #18 / getSeverityStatusColor should return the correct color for HIGH severity
• [job] [logs] Jest Tests #18 / getSeverityStatusColor should return the correct color for HIGH severity
• [job] [logs] Jest Tests #18 / getSeverityStatusColor should return the correct color for LOW severity
• [job] [logs] Jest Tests #18 / getSeverityStatusColor should return the correct color for LOW severity
• [job] [logs] Jest Tests #18 / getSeverityStatusColor should return the correct color for MEDIUM severity
• [job] [logs] Jest Tests #18 / getSeverityStatusColor should return the correct color for MEDIUM severity
• [job] [logs] Jest Tests #18 / getVulnerabilitiesAggregationCount should return stats for low, medium, high, and critical vulnerabilities
• [job] [logs] Jest Tests #18 / getVulnerabilitiesAggregationCount should return stats for low, medium, high, and critical vulnerabilities

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
cloudSecurityPosture	503.0KB	502.8KB	-223.0B
securitySolution	14.8MB	14.8MB	-229.0B
total			-452.0B

History

[maxcold]

The PR can be closed, as going with hardcoded colors seems to not be a viable option after discussions in the related threads and tickets, see https://github.com/elastic/security-team/issues/11230#issuecomment-2555637365 .
We should use the new severity palette provided by EUI and for cases when we can't find a proper color in the severity palette (eg. there is no green currently), we can consider to use viz color as a temporary solution