Bug: FAQ page's "Unsaved changes" modal has incorrect red colors

[thetanmancan]

Describe the bug

This comment in issue #1896 establishes the design of the "Unsaved changes" modal on the FAQ page. However, the implementation of the modal on the Dev site uses different red colors than are in the design.

Steps to reproduce the issue

1. Log into the Dev site using an Admin account.
2. Navigate to the FAQ page.
3. Click the "Edit FAQ Page" button.
4. Make an edit to the page.
5. Attempt to navigate to another page within the Dev site.

What's the expected result?

The warning icon and Proceed button should use the color #C3391D.

Figma mockup of "Unsaved changes" modal's intended design with #C3391D colors

What's the actual result?

The warning icon uses the color #B64E38.
The Proceed button uses the color rgb(228, 98, 71)

Current implementation of "Unsaved changes" modal

Device configuration

• Device: Desktop
• OS version: Windows 11
• Browser: Firefox
• Browser version: 133.0.3

Additional Resources

• This bug was caused by the implementation of Communicating unsaved changes on FAQ page #1896

Action Items

• Make code changes that change the actual results to conform with the expected results.
• Review changes with product and dev. Update if needed based on feedback.
• Make a slide on the the staging deck
• Get Stakeholder sign-off via the stakeholder meeting slide deck.

[entrotech]

After screenshot: