From 89a4c9cbe1d983ff53d96cfa85570d6087396545 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Tue, 27 Nov 2018 16:25:38 +0100
Subject: [PATCH] fix(chips): invert focus overlay on dark theme (#14204)

Similarly to `mat-button`, inverts the focus overlay color on a dark theme. Currently we always use an opaque black which can be mistaken for the disabled color on dark themes.
---
 src/lib/chips/_chips-theme.scss | 5 ++++-
 src/lib/chips/chips.scss        | 1 -
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/lib/chips/_chips-theme.scss b/src/lib/chips/_chips-theme.scss
index 3fc37fb277f..2647093ef2a 100644
--- a/src/lib/chips/_chips-theme.scss
+++ b/src/lib/chips/_chips-theme.scss
@@ -50,10 +50,13 @@ $mat-chip-remove-font-size: 18px;
     &.mat-chip-disabled {
       opacity: 0.4;
     }
+
+    &::after {
+      background: map_get($foreground, base);
+    }
   }
 
   .mat-chip.mat-standard-chip.mat-chip-selected {
-
     &.mat-primary {
       @include mat-chips-theme-color($primary);
     }
diff --git a/src/lib/chips/chips.scss b/src/lib/chips/chips.scss
index 614c68ed109..00a33bac799 100644
--- a/src/lib/chips/chips.scss
+++ b/src/lib/chips/chips.scss
@@ -57,7 +57,6 @@ $mat-chip-remove-size: 18px;
   &::after {
     @include mat-fill;
     border-radius: inherit;
-    background-color: black;
     opacity: 0;
     content: '';
     pointer-events: none;