Skip to content

Conversation

@jamdaniels
Copy link

Description

This PR fixes an issue where the scrollToBottom button was transparent in dark mode, making it difficult to see against the background.

I have added dark:bg-background and dark:hover:bg-muted to ensure the button remains visible and consistent with the shadcn/ui aesthetic in dark themes.

Note: This addresses the transparency issue specifically for the outline variant. Other variants may still exhibit transparency behaviors inherited from the base button primitives, but as this is an edge case, I think a targeted fix for this component is the most practical approach.

Related Issues

none

Changes

  • Added dark mode utility classes.

Screenshots

Light Mode (Before/After - No change) Dark Mode (Before fix) Dark Mode (After fix + on Hover)
light-mode-before+after dark-mode-before dark-mode-afterdark-mode-after-hover

Testing

  • Ran pnpm test (Playwright tests passed).
  • Classes are properly sorted.

@vercel
Copy link
Contributor

vercel bot commented Jan 1, 2026

@jamdaniels is attempting to deploy a commit to the Vercel Team on Vercel.

A member of the Team first needs to authorize it.

@haydenbleasel
Copy link
Member

@jamdaniels can you generate a patch changeset file pnpm changeset? Then I can merge. Great work 🙏

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