Skip to content

Use text-subtle instead of a disabled class for badge img empty

What does this MR do and why?

To address WCAG AA minimum contrast issues, use a different class on the text used in the badge image preview empty state in group or project settings.

MR acceptance checklist

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

Screenshots or screen recordings

Mode Before After
Light mode image image
Dark mode image image

How to set up and validate locally

  1. Check out this branch locally
  2. Go to the General settings on a project and scroll to the Badges section
  3. Click "Add badge"

You will see that the text "No image to preview" has an accessible contrast

Closes #22348 (closed)

Related to #452225 (closed)

Edited by Chad Lavimoniere

Merge request reports