Update severity badge in MR security reports
Background:
From this issue: #34352 (closed) we are redesigning our severity badges to be more clear, quickly identifiable, scaleable, and accessible.
Proposal:
New badge designs:
Old badge in MR | New badge | New badge color |
---|---|---|
critical | ![]() |
#8B2615 |
high | ![]() |
#C0341D |
medium | ![]() |
#FCA429 |
low | ![]() |
#FDBC60 |
info | ![]() |
#418CD8 |
unknown | ![]() |
#919191 |
Text styling:
- Severity label text is always in GitLab's default paragraph style and color (unless defined otherwise)
- Severity label text is always sentence case (unless defined otherwise)
- Severity label text always has 8px padding between the icon and the severity text
Severity icon:
- Colors defined in table
- Icon is 12px x 12px