From 070c58e507cdf8a6992db04c20d1a744cc6af5d9 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@abv.bg>
Date: Thu, 19 Nov 2020 21:17:19 +0100
Subject: [PATCH] fix(material-experimental/mdc-paginator): buttons not visible
 in high contrast mode

Fixes that the MDC paginator buttons weren't visible in high contrast mode.
---
 .../mdc-paginator/paginator.scss                    | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/material-experimental/mdc-paginator/paginator.scss b/src/material-experimental/mdc-paginator/paginator.scss
index 7470cb2edd0d..d296519e4f20 100644
--- a/src/material-experimental/mdc-paginator/paginator.scss
+++ b/src/material-experimental/mdc-paginator/paginator.scss
@@ -1,4 +1,5 @@
 @import '../mdc-form-field/form-field-theme';
+@import '../../cdk/a11y/a11y';
 
 $mat-mdc-paginator-padding: 0 8px;
 $mat-mdc-paginator-page-size-margin-right: 8px;
@@ -81,3 +82,15 @@ $mat-mdc-paginator-button-icon-size: 28px;
     transform: rotate(180deg);
   }
 }
+
+@include cdk-high-contrast(active, off) {
+  // The disabled button icon has to be set explicitly since the selector is too specific.
+  .mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon,
+  .mat-mdc-paginator-icon {
+    fill: currentColor;
+  }
+
+  .mat-mdc-paginator-range-actions .mat-mdc-icon-button {
+    outline: solid 1px;
+  }
+}