Skip to content

fix: button text variant hover visible on surface background#37

Merged
cpascariello merged 1 commit intomainfrom
fix/button-text-hover
Mar 16, 2026
Merged

fix: button text variant hover visible on surface background#37
cpascariello merged 1 commit intomainfrom
fix/button-text-hover

Conversation

@cpascariello
Copy link
Copy Markdown
Collaborator

Summary

  • Bump text variant hover from bg-primary-50bg-primary-100 and active from bg-primary-100bg-primary-200
  • --color-primary-50 equals --surface in light mode, making hover invisible on any bg-surface panel

Test plan

  • Open preview app → Button page → text variant on light mode
  • Hover should show a visible lavender tint against the surface background
  • Active (mousedown) should be one shade darker than hover
  • Dark mode unaffected (uses bg-primary-200/10 path)

Bump light-mode hover from bg-primary-50 to bg-primary-100 and active
from bg-primary-100 to bg-primary-200. primary-50 equals the surface
semantic token, making hover invisible on bg-surface panels.
@cpascariello cpascariello merged commit 13a4f28 into main Mar 16, 2026
1 check passed
@cpascariello cpascariello deleted the fix/button-text-hover branch March 16, 2026 15:35
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