Support vulnerability severity colors in dark mode

Lorenz van Herwaardenrequested to merge
severity-risk-score-dark-mode-colors into master

What does this MR do and why?

Support vulnerability severity colors in dark mode

To support propery vulnerability severity colors in dark mode, CSS custom properties were defined for the colors of each severity and convenience CSS classes were created to be used in several components and instead of objects in constants that map the colors.

Changelog: changed EE: true

References

Related #581121 (closed)

Screenshots or screen recordings

Before After
Screenshot_2025-11-26_at_00.28.09 Screenshot_2025-11-25_at_23.15.25
Screenshot_2025-11-26_at_00.28.19 Screenshot_2025-11-25_at_23.15.41
Screenshot_2025-11-26_at_00.28.33 Screenshot_2025-11-25_at_23.16.00
Screenshot_2025-11-26_at_00.28.42 Screenshot_2025-11-25_at_23.16.17
Screenshot_2025-11-26_at_00.28.53 Screenshot_2025-11-25_at_23.16.25
Screenshot_2025-11-26_at_00.37.02 Screenshot_2025-11-26_at_00.36.00

How to set up and validate locally

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Lorenz van Herwaarden

Merge request reports