Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix color contrast for copy button #704

Merged
merged 1 commit into from
Mar 25, 2025
Merged

Conversation

tomschr
Copy link
Collaborator

@tomschr tomschr commented Mar 25, 2025

When hovering with the mouse over the "Copy" button, switch to bold font and set the color and background color accordingly:

Normal
Screenshot_20250325_160216

Activated
black/$c_fog: color contrast 18.26 : 1
Screenshot_20250325_160252

Hovered
$c_pine/$c_mint_30: color contrast 13.92 : 1
Screenshot_20250325_160343

@tomschr tomschr added format-html html, xhtml, html5, webhelp, jsp support skill-css/js CSS and/or Javascript knowledge necessary cat:a11y Accessibility issues labels Mar 25, 2025
@tomschr tomschr self-assigned this Mar 25, 2025
@tomschr tomschr marked this pull request as ready for review March 25, 2025 15:12
When hovering with the mouse over the "Copy" button,
switch to bold font and set color and background color
accordingly.

* Activated: black (VG) / $c_fog (BG), color contrast 18.26 : 1
* Hovered: $c_pine (VG) / $c_mint_30, color contrast 13.92 : 1
@tomschr tomschr force-pushed the fix-color-contrast-copy-button-1 branch from 86ad569 to a776779 Compare March 25, 2025 15:18
@tomschr tomschr merged commit 10da636 into main Mar 25, 2025
2 checks passed
@tomschr tomschr deleted the fix-color-contrast-copy-button-1 branch March 25, 2025 15:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
cat:a11y Accessibility issues format-html html, xhtml, html5, webhelp, jsp support skill-css/js CSS and/or Javascript knowledge necessary
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant