[Security Solution] Some MITRE ATT&CK cards cannot be read in dark mode

[MadameSheema]

Describe the bug:

• Some MITRE ATT&CK cards cannot be read in dark mode

Kibana/Elasticsearch Stack version:

• 8.10.0 BC2

Initial setup:

• To have your Kibana instance in dark mode
• To have all the Elastic rules installed and enabled

Steps to reproduce:

1. Navigate to Dashboards
2. Select MITRE ATT&CK coverage

Current behavior:

• Some cards cannot be read

Expected behavior:

• The user should be able to read all the cards

[elasticmachine]

Pinging @elastic/security-detections-response (Team:Detections and Resp)

[elasticmachine]

Pinging @elastic/security-solution (Team: SecuritySolution)

[banderror]

Should be fixed by #164613

[craig-abbott]

Just wading in on this in the absence of @ARWNightingale, hopefully not stepping on any toes!

I think the dark-mode issue could be fixed relatively easily provided the background colour of the cards can be $success in light-mode and $successText in dark-mode.

If so, we could create a pallet by reducing the base value to 60%, 40% and 0% against a page background of $emptyShade, and provided the primary text is $fullShade and the secondary text is $text then any variation should still pass WCAG 2.1 AA for colour contrast.

Here is an example, along side a colour contrast check between $success and text in light-mode, which has the lowest colour contrast of the whole palette. It's still above the 4.5:1 minimum.

Hope this all makes sense!

[banderror]

Thanks @craig-abbott for the detailed suggestion. @dplumlee does it match the fix?

[banderror]

Fixed by #164613

[MadameSheema]

Fixed on BC3 :)