fix(select,autocomplete): darken selected option

Darkens the selected option background in order to distinguish it from the ones that are focused or hovered. Fixes angular#6229.
crisbeto · Aug 6, 2017 · 413bdc0 · 413bdc0
1 parent 0850981
commit 413bdc0
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/lib/core/option/_option-theme.scss b/src/lib/core/option/_option-theme.scss
@@ -30,7 +30,7 @@
 
     // In multiple mode there is a checkbox to show that the option is selected.
     &.mat-selected:not(.mat-option-multiple) {
-      background: mat-color($background, hover);
+      background: rgba(mat-color($background, hover), 0.12);
     }
 
     &.mat-active {