SHS-5987: Color contrast not meeting minimum requirement on email addresses over well background

[mariannuar]

READY FOR REVIEW

Summary

Fix color contrast on links over well background

Urgency

medium

Steps to Test

1. On any site that uses Colorful, create a Flexible Page
2. Add a normal link (without any styles: e.g "External link") and a email address
3. Save it and go to the layout tab of the page

4. Add a hb-well class for the component

5. Go to this path /admin/appearance/settings/humsci_colorful
6. Change the Color Pairing to Canyon, Mountain and Ocean (this one was already included)
7. And confirm the color of those links change when they are over well background and the color contrast meets accessibility

PR Checklist

• PR Checklist
• Humsci Basic PR Checklist

---

• To see the specific tasks where the Asana app for GitHub is being used, see below:
  • https://app.asana.com/0/0/1209102848572791

[cienvaras]

@mariannuar Looks good, but there are a couple of typos preventing the styles to be correctly applied.

[mariannuar]

@callinmullaney This is ready for review again!

[callinmullaney]

@mariannuar Confirming what Andres tested and that you addressed his feedback. Looks good to me!

[callinmullaney]

@ahughes3 I've confirmed Andres feedback has been addressed and this PR looks good to me. Kicking this over to you for functional review. The Tugboat links were added as a PR comment but please let me know if you need anything else.

[ahughes3]

LGTM!