Skip to content

Improve dark mode visibility for “Become a Sponsor” button#8120

Merged
alexander-akait merged 1 commit intowebpack:mainfrom
Deven14125:fix-hover-effect
Mar 26, 2026
Merged

Improve dark mode visibility for “Become a Sponsor” button#8120
alexander-akait merged 1 commit intowebpack:mainfrom
Deven14125:fix-hover-effect

Conversation

@Deven14125
Copy link
Copy Markdown
Contributor

Description

Improved the visibility of the "Become a Sponsor" button in dark mode.

The previous styling made the button less noticeable due to low contrast. This update enhances accessibility and ensures better user experience in dark mode.

Before

image

After

image

Changes Made

  • Updated button styles for dark mode
  • Improved contrast and readability
  • Ensured consistency with overall UI theme

Checklist

  • Code follows project guidelines
  • Changes tested locally
  • No breaking changes introduced
  • UI is responsive and accessible

Add dark theme classes to the 'Become a backer/sponsor' link in Support.jsx to ensure proper text, border and hover colors in dark mode (dark:text, dark:border, dark:hover:bg, dark:hover:text). This improves visibility and consistency when the app uses a dark theme.
Copilot AI review requested due to automatic review settings March 25, 2026 18:33
@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 25, 2026

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

Project Deployment Actions Updated (UTC)
webpack-js-org Ready Ready Preview, Comment Mar 25, 2026 6:36pm

Request Review

Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR improves the visual contrast of the “Become a Sponsor” call-to-action link when the site is in dark mode, making it easier to notice and read while staying consistent with the existing Tailwind dark-mode approach used in the codebase.

Changes:

  • Adds dark-mode-specific text, border, hover background, and hover text colors for the “Become a Sponsor” button.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@alexander-akait alexander-akait merged commit cc75d21 into webpack:main Mar 26, 2026
12 of 13 checks passed
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.

3 participants