Skip to content

Commit 1b2f90c

Browse files
crisbetojelbourn
authored andcommitted
fix(badge): hard to see in high contrast mode (#9973)
Fixes the badge directive being hard to see in high contrast mode due to its background blending in with the app background.
1 parent 230e22b commit 1b2f90c

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

src/lib/badge/_badge-theme.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
@import '../core/theming/palette';
55
@import '../core/theming/theming';
66
@import '../core/typography/typography-utils';
7+
@import '../../cdk/a11y/a11y';
78

89
$mat-badge-font-size: 12px;
910
$mat-badge-font-weight: 600;
@@ -17,6 +18,11 @@ $mat-badge-large-size: $mat-badge-default-size + 6;
1718
width: $size;
1819
height: $size;
1920
line-height: $size;
21+
22+
@include cdk-high-contrast {
23+
outline: solid 1px;
24+
border-radius: 0;
25+
}
2026
}
2127

2228
&.mat-badge-above {

0 commit comments

Comments
 (0)