From 1b2f90ce8252e4a9c4cf243bcbb91435e4516845 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Sun, 18 Feb 2018 01:49:00 +0100
Subject: [PATCH] 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.
---
 src/lib/badge/_badge-theme.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/lib/badge/_badge-theme.scss b/src/lib/badge/_badge-theme.scss
index 565371ca004..d5e4ce7561b 100644
--- a/src/lib/badge/_badge-theme.scss
+++ b/src/lib/badge/_badge-theme.scss
@@ -4,6 +4,7 @@
 @import '../core/theming/palette';
 @import '../core/theming/theming';
 @import '../core/typography/typography-utils';
+@import '../../cdk/a11y/a11y';
 
 $mat-badge-font-size: 12px;
 $mat-badge-font-weight: 600;
@@ -17,6 +18,11 @@ $mat-badge-large-size: $mat-badge-default-size + 6;
     width: $size;
     height: $size;
     line-height: $size;
+
+    @include cdk-high-contrast {
+      outline: solid 1px;
+      border-radius: 0;
+    }
   }
 
   &.mat-badge-above {