Migrate Severity icon colors to design tokens

Severity colors are currently ss follows:

  • Critical gl-text-red-800
  • High gl-text-red-600
  • Medium gl-text-orange-400
  • Low gl-text-orange-300
  • Info gl-text-blue-400
  • Unknown gl-text-gray-400

It uses 2 shades of red and two shades of orange, therefore, we cannot use any existing design token color scale and need a separate solution.

Here are some examples of screens where Severity is being used

Incident sidebar

Screenshot_2025-01-28_at_2.56.07_pm

Security dashboard

Screenshot_2025-01-28_at_3.00.05_pm

Vulnerability report

Screenshot_2025-01-28_at_3.00.34_pm