Skip to content

Add soft card variant - #2749

Merged
calebporzio merged 2 commits into
mainfrom
codex/add-soft-card-variant
Aug 17, 2026
Merged

Add soft card variant#2749
calebporzio merged 2 commits into
mainfrom
codex/add-soft-card-variant

Conversation

@calebporzio

@calebporzio calebporzio commented Aug 17, 2026

Copy link
Copy Markdown
Contributor

Summary

  • add a soft Card variant for a lower-emphasis surface
  • preserve outline as the default Card treatment
  • use translucent neutral overlays so the surface adapts to light, dark, and tinted backdrops

Why

An opaque zinc-50/100 treatment looks right on a white page, but can disappear when it is placed on the same zinc surface and can become visually inverted on darker zinc backgrounds.

The soft variant uses translucent black overlays in light mode and white overlays in dark mode. On the base background, these are tuned to visually match the original opaque treatment; on other backgrounds, they retain the backdrop hue while maintaining a consistent surface relationship.

Screenshots

Light Dark
Outline, opaque reference, and soft cards across light backdrops Outline, opaque reference, and soft cards across dark backdrops

Validation

  • composer validate --no-check-publish
  • interactively verified outline, the opaque reference treatment, and soft across white/zinc/blue backdrops in light and dark mode
  • compared rendered screenshot pixels on the base backdrop: exact light fill/border match, exact dark border match, and a one-value dark fill difference

@calebporzio
calebporzio marked this pull request as ready for review August 17, 2026 17:25
@calebporzio

Copy link
Copy Markdown
Contributor Author

@copilot resolve the merge conflicts in this pull request

Co-authored-by: calebporzio <3670578+calebporzio@users.noreply.github.com>
@calebporzio
calebporzio merged commit c366cda into main Aug 17, 2026
@calebporzio
calebporzio deleted the codex/add-soft-card-variant branch August 17, 2026 19:43
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.

2 participants