fix: Polish Card toast for 8.6.0 release

[amandaye0h]

Description

Polishes Card 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 Card toast call sites (copy success, provisioning errors, asset selection, spending limit, money-account linkage, waitlist success) and splits the waitlist success copy into title + description locale strings.

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 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 Web3Auth toast for 8.6.0 release #33774 — Web3Auth
• 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: Card toasts
  Scenario: waitlist success toast
    Given the user submits the card waitlist form successfully
    When the success toast appears
    Then it shows the short title and description with a Confirmation icon

Screenshots/Recordings

Before

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

After

card-after.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: SmokeMoney
• Selected Performance tags: None (no tests recommended)
• Risk Level: low
• AI Confidence: 92%

click to see 🤖 AI reasoning details

E2E Test Selection:
All changes are confined to the MetaMask Card feature area (app/components/UI/Card/) with minor UI/styling adjustments:

1. useCardHomeActions.ts: Changed icon color from success.default to icon.default - cosmetic color change in a toast notification.
2. useCardProvisioning.ts: Removed backgroundColor property from a toast notification - minor UI styling change.
3. AssetSelectionBottomSheet.tsx: Removed backgroundColor from two toast notifications - minor UI styling changes.
4. WaitlistFormModal.tsx: Added descriptionOptions to split the waitlist success toast into title + description - small functional change to toast display.
5. useMoneyAccountCardLinkage.tsx: Removed Box wrapper around Spinner and Icon components - minor layout refactor with no functional impact.
6. useSpendingLimit.ts: Removed backgroundColor from two toast notifications - minor UI styling changes.
7. Locale files (all languages): Split success_toast string into success_toast (title) and success_toast_description (description) to match the WaitlistFormModal change.

All changes are isolated to the Card/Money feature. No shared components (navigation, modals, confirmations, controllers) are affected. SmokeMoney covers Card home screen, card management, and related flows. No other tags are warranted since there are no changes to swap confirmations, network, accounts, or other feature areas.

Performance Test Selection:
All changes are minor UI/styling adjustments to toast notifications within the Card feature and locale string restructuring. No performance-sensitive code paths (rendering loops, data fetching, state management, navigation) are affected. No performance test files were changed. No performance tags are warranted.

View GitHub Actions results

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarQube Cloud