Skip to content

fix: mf-6831 use palette-adaptive text colors for token tag popper footer - #12485

Open
swkatmask wants to merge 1 commit into
developfrom
fix/mf6831-token-popper-footer-text-colors
Open

fix: mf-6831 use palette-adaptive text colors for token tag popper footer#12485
swkatmask wants to merge 1 commit into
developfrom
fix/mf6831-token-popper-footer-text-colors

Conversation

@swkatmask

@swkatmask swkatmask commented Sep 10, 2026

Copy link
Copy Markdown
Contributor

Summary

Follow-up to #12478 (MF-6831 round 1). The red packet part is confirmed fixed; on dark x.com the Web3 profile ($TAG hover) card footer text was still unreadable.

Design intent (confirmed): the card follows the site palette — in dark mode the body/footer are dark by design, and only the text needs to adapt. Round 1 switched the descriptor texts to maskColor.publicMain (fixed #07101B), invisible on the popper's dark footer.

Fix: pick the color token per surface, since the descriptor row renders on different backgrounds:

  • $TAG popper (isTokenTagPopper=true) — the row is the card footer, which follows the site palette → palette-adaptive maskColor.main (#07101B light / #F5F5F5 dark)
  • DSearch inspector (isTokenTagPopper=false) — the row sits in the card's light header (hardcoded white gradient) → fixed maskColor.publicMain (#07101B)

Touched: PluginDescriptor (title "Web3 Profile Card" / "DSearch"), TrendingViewDescriptor (selected data source + arrow icon). Card backgrounds/surfaces untouched.

Test plan

  • pnpm dev build, bundle verified (conditional compiled into the SiteAdaptor chunk)
  • Dark-mode x.com: hover $BTC → popper keeps white header + dark body/footer, "Web3 Profile Card" / "Powered by CoinGecko" now near-white and readable; tabs and stats readable
  • Dark-mode x.com: DSearch card ($MASK search) header — "DSearch" and "CoinGecko" render dark on the light header (computed rgb(7,16,27))
  • Light-mode x.com: popper card unchanged
  • CI green

@vercel

vercel Bot commented Sep 10, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated
book Skipped Skipped Sep 10, 2026 4:38pm UTC

Request Review

@swkatmask
swkatmask force-pushed the fix/mf6831-token-popper-footer-text-colors branch from c95188e to 737ea96 Compare September 10, 2026 16:14
@swkatmask
swkatmask force-pushed the fix/mf6831-token-popper-footer-text-colors branch from 4e44391 to 9a60fac Compare September 10, 2026 16:28
@swkatmask
swkatmask force-pushed the fix/mf6831-token-popper-footer-text-colors branch from 7090bd2 to 6d6fff8 Compare September 10, 2026 16:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant