services/mtg-online-drafter
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
e13aa16766e050e036d518899122b1cbc6a895b4
mtg-online-drafter/docs/development/devlog/2025-12-17-013000_card_visibility_boost.md

797 B
Raw Blame History

General Card Visibility Boost

Objective

Add a mild white overlay to all magnified card previews (both mobile and desktop) to improve visibility against dark backgrounds, as requested.

Changes

  • Modified src/client/src/components/CardPreview.tsx:
    • Inserted a <div className="absolute inset-0 bg-white/10 pointer-events-none mix-blend-overlay" /> into the FloatingPreview component.
    • This overlay is applied to every card, regardless of finish (Foil/Normal) or device type.
    • It sits immediately on top of the image but below the Foil effects, ensuring it brightens the base art without washing out the holographic details.

Result

All card previews now have slightly lifted blacks and increased brightness, making them "pop" more against the dark UI backdrops.