From 98b9ed14be69a1bda0af639bc2de52687adb0b34 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Thu, 12 Jul 2018 16:38:01 +0200
Subject: [PATCH] fix(tabs): unable to distinguish disabled tab in high
 contrast mode (#12160)

Fixes disabled tabs being indistinguishable from enabled ones in high contrast mode.
---
 src/lib/tabs/_tabs-common.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/lib/tabs/_tabs-common.scss b/src/lib/tabs/_tabs-common.scss
index c6984e87358..5d20f037313 100644
--- a/src/lib/tabs/_tabs-common.scss
+++ b/src/lib/tabs/_tabs-common.scss
@@ -24,10 +24,18 @@ $mat-tab-animation-duration: 500ms !default;
     &:not(.mat-tab-disabled) {
       opacity: 1;
     }
+
+    @include cdk-high-contrast {
+      outline: dotted 2px;
+    }
   }
 
   &.mat-tab-disabled {
     cursor: default;
+
+    @include cdk-high-contrast {
+      opacity: 0.5;
+    }
   }
 
   .mat-tab-label-content {
@@ -36,6 +44,10 @@ $mat-tab-animation-duration: 500ms !default;
     align-items: center;
     white-space: nowrap;
   }
+
+  @include cdk-high-contrast {
+    opacity: 1;
+  }
 }
 
 // Mixin styles for the top section of the view; contains the tab labels.