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.
angular · Dec 3, 2018 · 7af8d02 · 7af8d02
1 parent ebc56a8
commit 7af8d02
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git 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
@@ -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;