fix(copy-button): align styling with Webpack theme and improve hover behavior #7724
+3
−3
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
@theEquinoxDev is attempting to deploy a commit to the OpenJS Foundation Team on Vercel. A member of the Team first needs to authorize it. |
Contributor
Author
|
Opened a PR for this issue: #7723 |
Member
|
cc @evenstensberg Can you review? |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Member
|
This is great, can u pad the button a bit so its not sticky to the top? |
Contributor
Author
|
evenstensberg
approved these changes
Dec 5, 2025
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
This PR updates the styling of the code-block “Copy” button to improve UI consistency with the rest of the documentation.
The previous button colors and hover behavior were visually inconsistent, which made the component feel disconnected from the surrounding UI.
This update applies a cleaner color scheme, improved contrast, and a clearer hover state to create a more modern and cohesive user experience.
Fixes #7723
What kind of change does this PR introduce?
Bugfix / UI improvement
This PR modifies the button’s styling only - no functional logic was changed.
Did you add tests for your changes?
No tests were added because this change affects visual styling only, not logic or functionality.
Does this PR introduce a breaking change?
No.
The change is entirely cosmetic and does not affect behavior, API surface, or any existing user flows.
If relevant, what needs to be documented once your changes are merged?
No documentation changes are required.
This PR only updates internal styling for improved visual consistency.
Screenshots
Before
After
