fix(accounts): PQ-010 QA visual fixes for Quantum add-account [PERA-4483]#1021
Merged
Conversation
…483] Address QA feedback on the Add Quantum Account entry: - "NEW" badge: add a solid-mint PWBadge `new` variant (wallet4 / wallet4Icon tokens) matching Figma, replacing the faint `positive` variant. - "Learn more" link: use `linkPositive` so the link keeps the teal tone in dark mode (the `link` variant resolves to the brand yellow in dark). - Title wrap: keep the panel title on one line when a badge is present, so "Add Quantum Account" no longer breaks to two lines on high-density devices (e.g. Galaxy S25).
wjbeau
approved these changes
Jul 24, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
Addresses the QA feedback on the Add Quantum Account entry (Add an account screen) reported on PERA-4483:
newvariant toPWBadgeusing the Figma tokenswallet4(#8BF4DB) fill +wallet4Icon(#136880) text, and switched the quantum badge to it. The previouspositivevariant rendered a faint translucent teal that didn't match Figma. The sharedpositivevariant (used in ~20 places) is left untouched.PanelButtonlearn-more link fromvariant='link'tovariant='linkPositive'. Thelinkvariant resolves tolinkPrimary, which is the brand yellow in dark mode;linkPositivekeeps the teal link tone in both themes (#1F8E9Dlight /turquoise[600]dark), per the updated Figma.truncate) when a badge is present; other panel rows are unaffected.Related Issues
Checklist
Additional Notes
badge/learnMore, so thesePanelButtonchanges are effectively scoped to it — but they apply generically (any future badged row keeps its title on one line; any learn-more link is teal). Happy to make either opt-in via a prop if preferred.Add Quantum Acc…). If keeping the full text on one line is preferred,adjustsFontSizeToFitis a drop-in alternative.useAddAccountScreen43/43, quantum-create integration 1/1; format/copyright/i18n/secret checks clean.🤖 Generated with Claude Code