From a74099fc0736ebaea69b10ddff5ac609fbd680ea Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Fri, 13 Apr 2018 00:44:48 +0200
Subject: [PATCH] fix(radio): checked radio button indistinguishable in high
 contrast mode (#10753)

Fixes the circle inside the checked radio button not being rendered in high contrast mode, making it indistinguishable from the rest of the buttons.
---
 src/lib/radio/radio.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/lib/radio/radio.scss b/src/lib/radio/radio.scss
index 4d1a795903a..09663dd6497 100644
--- a/src/lib/radio/radio.scss
+++ b/src/lib/radio/radio.scss
@@ -1,5 +1,6 @@
 @import '../core/style/variables';
 @import '../core/ripple/ripple';
+@import '../../cdk/a11y/a11y';
 
 
 $mat-radio-size: $mat-toggle-size !default;
@@ -65,6 +66,12 @@ $mat-radio-ripple-radius: 25px;
 
   .mat-radio-checked & {
     transform: scale(0.5);
+
+    @include cdk-high-contrast {
+      // Since we use a background color to render the circle, it won't be
+      // displayed in high contrast mode. Use a border as a fallback.
+      border: solid $mat-radio-size / 2;
+    }
   }
 }