Skip to content

Fix dark mode code block copy button contrast#91

Open
gcko wants to merge 1 commit intomainfrom
fix/dark-mode-code-block-contrast
Open

Fix dark mode code block copy button contrast#91
gcko wants to merge 1 commit intomainfrom
fix/dark-mode-code-block-contrast

Conversation

@gcko
Copy link
Contributor

@gcko gcko commented Mar 16, 2026 •
edited
Loading

Summary

  • Remove gray background from copy-to-clipboard button (md-code__nav) in dark mode
  • Increase default icon contrast for copy button in both light and dark themes
  • Use branded orange (#ff6e42) for hover state in both themes
  • Improve code block text color in dark mode for better readability

Current Production (bad)
Screenshot 2026-03-16 at 16 46 59

PR (good)
Screenshot 2026-03-16 at 16 46 50

Test plan

  • Verify copy button has no background box in dark mode
  • Verify copy button icon is visible against dark code blocks
  • Verify hover state shows branded orange in both light and dark modes
  • Verify light mode copy button has improved contrast

🤖 Generated with Claude Code

@gcko @claude
fix: Improve code block copy button contrast and styling in both themes
9b69ebb 
Remove background from copy-to-clipboard button nav wrapper in dark mode,
increase icon contrast in both light and dark themes, and use branded
orange (#ff6e42) for hover states.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@gcko gcko requested a review from iamcxa March 16, 2026 08:48
@gcko gcko self-assigned this Mar 16, 2026
@gcko gcko added the bug Something isn't working label Mar 16, 2026
iamcxa
iamcxa approved these changes Mar 16, 2026
View reviewed changes
Copy link
Contributor

@iamcxa iamcxa left a comment

Choose a reason for hiding this comment

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

LGTM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@iamcxa iamcxa iamcxa approved these changes

Assignees

@gcko gcko

Labels

bug Something isn't working

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@gcko @iamcxa