Skip to content

Commit

Permalink
Better high contrast mode support (fixes mozilla#15763)
Browse files Browse the repository at this point in the history
  • Loading branch information
maureenlholland committed Dec 18, 2024
1 parent 6adcfa0 commit d41aaf8
Showing 1 changed file with 11 additions and 1 deletion.
12 changes: 11 additions & 1 deletion media/css/m24/flag.scss
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@
.m24-c-flag-button {
$font-size: 0.75;
background-color: $m24-color-dark-mid-gray;
border: none;
border-color: transparent; // High Contrast Mode support
box-shadow: none;
color: $m24-color-white;
font-family: $primary-font;
Expand All @@ -63,6 +63,16 @@
&:active {
background-color: $m24-color-dark-mid-gray;
}

// High Contrast Mode Support: https://bugzilla.mozilla.org/show_bug.cgi?id=1936865
@media (forced-colors) {
background-color: ButtonFace;
color: ButtonText;

&:focus {
outline-color: CanvasText;
}
}
}

.m24-c-flag-button-pause,
Expand Down

0 comments on commit d41aaf8

Please sign in to comment.