fix: Polish Web3Auth toast for 8.6.0 release

[amandaye0h]

Description

Polishes Web3Auth toast call sites for the 8.6.0 release so they align with the shared toast pattern (Confirmation icon, success/error icon colors, and default toast chrome instead of custom background colors).

Updates the import-SRP success toast to use the Confirmation icon with the theme success color.

Changelog

CHANGELOG entry: Polished toast styling for consistency in the 8.6.0 release

Related issues

Fixes:

Related toast polish PRs for 8.6.0:

• fix: Polish Design System Engineers toast for 8.6.0 release #33765 — Design System Engineers
• fix: Polish Card toast for 8.6.0 release #33766 — Card
• fix: Polish Predict toast for 8.6.0 release #33767 — Predict
• fix: Polish Money Movement toast for 8.6.0 release #33769 — Money Movement
• fix: Polish Metamask Assets toast for 8.6.0 release #33770 — Metamask Assets
• fix: Polish Mobile Core UX toast for 8.6.0 release #33771 — Mobile Core UX
• fix: Polish Engagement toast for 8.6.0 release #33772 — Engagement
• fix: Polish Social AI toast for 8.6.0 release #33773 — Social AI
• fix: Polish Earn toast for 8.6.0 release #33775 — Earn
• fix: Polish Watchlist toast for 8.6.0 release #33791 — Watchlist

Manual testing steps

Feature: Import SRP toast
  Scenario: SRP imported successfully
    Given the user successfully imports a secret recovery phrase
    When the success toast appears
    Then it uses the Confirmation icon with the success color

Screenshots/Recordings

Before

Screen.Recording.2026-07-28.at.3.31.28.PM.mov

After

Screen.Recording.2026-07-28.at.3.21.33.PM.mov

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
• I've completed the PR template to the best of my ability
• I've included tests if applicable
• I've documented my code using JSDoc format if applicable
• I've applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Performance checks (if applicable)

• I've tested on Android
  • Ideally on a mid-range device; emulator is acceptable
• I've tested with a power user scenario
  • Use these power-user SRPs to import wallets with many accounts and tokens
• I've instrumented key operations with Sentry traces for production performance metrics
  • See trace() for usage and addToken for an example

For performance guidelines and tooling, see the Performance Guide.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

Made with Cursor

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[metamask-ci]

PR template — items to address before "Ready for review"

Warnings — informational, address before merging:

• Related issues section is empty. Add Fixes: #123 / Closes: <URL> / Refs: <Jira key>, or write a short rationale after the colon.

See docs/readme/ready-for-review.md for the full Definition of Ready for Review.

[github-actions]

🔍 Smart E2E Test Selection

• Selected E2E tags: SmokeAccounts, SmokeWalletPlatform
• Selected Performance tags: None (no tests recommended)
• Risk Level: low
• AI Confidence: 90%

click to see 🤖 AI reasoning details

E2E Test Selection:
The PR changes the success toast in the ImportNewSecretRecoveryPhrase component: the icon is changed from Check to Confirmation and a green color (colors.success.default) is added via the theme. The unit test is updated to match. This is a minor UI-only change to the toast displayed after a successful SRP import.

SmokeAccounts is selected because tests/smoke-appium/accounts/import-srp.spec.ts directly tests the multi-SRP import flow (tagged SmokeAccounts) and would exercise this component's success toast. The toast icon/color change could theoretically affect any assertion on the toast's visual state.

SmokeWalletPlatform is selected per the SmokeAccounts tag description: "When changes touch multi-SRP architecture, account list, SRP export, or sync flows, also select SmokeWalletPlatform."

No other tags are needed — this change is isolated to the SRP import success toast UI and does not affect confirmations, network, swap, browser, or other flows.

Performance Test Selection:
The change is a minor UI update to a toast icon and color in the SRP import flow. This has no impact on app performance metrics such as launch time, login speed, asset loading, or account list rendering. No performance tests are warranted.

View GitHub Actions results

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud