fix(select,autocomplete): darken selected option

crisbeto · crisbeto · commit 413bdc01bdaf · 2017-08-06T16:49:54.000+02:00
Darkens the selected option background in order to distinguish it from the ones that are focused or hovered. Fixes #6229.
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 {

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@`
`30`	`30`
`31`	`31`	`// In multiple mode there is a checkbox to show that the option is selected.`
`32`	`32`	`&.mat-selected:not(.mat-option-multiple) {`
`33`		`- background: mat-color($background, hover);`
	`33`	`+ background: rgba(mat-color($background, hover), 0.12);`
`34`	`34`	`}`
`35`	`35`
`36`	`36`	`&.mat-active {`