Fix a11y of colors used in system emails

What does this MR do and why?

Font colors and background colors adjusted to ensure minimum accessible contrast.

This also necessitated changing some icons that had fixed background colors.

References

Screenshots or screen recordings

Email Before After GDK URL
MR approved Screenshot_2025-07-08_at_16.46.15 Screenshot_2025-07-08_at_16.39.00 https://gdk.test:3000/rails/mailers/notify/approved_merge_request_email
Pipeline failed Screenshot_2025-07-08_at_16.46.35 Screenshot_2025-07-08_at_16.41.56 https://gdk.test:3000/rails/mailers/notify/pipeline_failed_email
Pipeline fixed Screenshot_2025-07-08_at_16.46.50 Screenshot_2025-07-08_at_16.42.18 https://gdk.test:3000/rails/mailers/notify/pipeline_fixed_email
Pipeline passed Screenshot_2025-07-08_at_16.47.05 Screenshot_2025-07-08_at_16.43.39 https://gdk.test:3000/rails/mailers/notify/pipeline_success_email
MR set to auto-merge Screenshot_2025-07-08_at_16.47.25 Screenshot_2025-07-08_at_16.44.01 https://gdk.test:3000/rails/mailers/notify/merge_when_pipeline_succeeds_email
2fa fail Screenshot_2025-07-08_at_16.47.39 Screenshot_2025-07-08_at_16.44.25 https://gdk.test:3000/rails/mailers/notify/two_factor_otp_attempt_failed_email
MR unapproved Screenshot_2025-07-08_at_16.47.52 Screenshot_2025-07-08_at_16.44.45 https://gdk.test:3000/rails/mailers/notify/unapproved_merge_request_email
Unknown signin Screenshot_2025-07-08_at_16.48.08 Screenshot_2025-07-08_at_16.45.17 https://gdk.test:3000/rails/mailers/notify/unknown_sign_in_email

How to set up and validate locally

  1. Check out this branch
  2. visit each of the GDK URLs above to see the mailer preview

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 Chad Lavimoniere

Merge request reports

Loading