Update link style within error notices

Feature Description

The current styling of links within error notices looks a bit off and should be updated for better adherence to M3. We should be using an alternate color for on-error surfaces rather than the default link color in this context.

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

• Any link on the red GM2+ background (mainly used for errors) should have the color set to #7A1E00 as per the Figma designs (On Error Container).

Implementation Brief

• Using assets/sass/components/global/_googlesitekit-cta.scss,
  • Add styles for the .googlesitekit-cta--error a selector whereby the color is #7A1E00 ($c-utility-on-error-container).

Test Coverage

• No new tests to be added.

QA Brief

• Doublecheck new CTA Link styling in Storybook
  1. Start storybook
  2. Go to story “Global > Links” and check the External Link
  3. Go to story “Components > Report Error > Default ReportError” and check the external link.

Changelog entry

• Update link style within error notices.

[asvinb]

@FlicHollis @eclarke1 Just FYI, even though it’s an UI issue, I’ve estimated it to be 3 since it’s a quite straightforward fix and easy to QA.

[techanvil]

Hi @derweili, thanks for bringing this up. Sometimes details will get missed in an IB and it’s usually fine to cover this in the PR, with a note about it under Relevant technical choices which you’ll see in the PR template when you create it.

However if you do feel the the change would significantly impact the scope or estimate, then yes it could be appropriate to move the issue back to IB to spec it out or create a new issue as appropriate.

Please take a look, if you think you can fix it in this PR go for it but otherwise feel free to move it back to IB with a note on the issue and we can figure it out from there.