fix(material/datepicker): improve color contrast in calendar header (#23517)

crisbeto · web-flow · commit 1762da875d33 · 2021-09-13T05:50:14.000-06:00
Fixes that the color contrast of the calendar header's text was too low. Fixes #23511.
diff --git a/src/material/datepicker/_datepicker-theme.scss b/src/material/datepicker/_datepicker-theme.scss
@@ -78,14 +78,11 @@ $calendar-weekday-table-font-size: 11px !default;
     color: theming.get-color-from-palette($foreground, icon);
   }
 
-  .mat-calendar-table-header {
-    color: theming.get-color-from-palette($foreground, hint-text);
-  }
-
   .mat-calendar-table-header-divider::after {
     background: theming.get-color-from-palette($foreground, divider);
   }
 
+  .mat-calendar-table-header,
   .mat-calendar-body-label {
     color: theming.get-color-from-palette($foreground, secondary-text);
   }

Original file line number	Diff line number	Diff line change
`@@ -78,14 +78,11 @@ $calendar-weekday-table-font-size: 11px !default;`
`78`	`78`	`color: theming.get-color-from-palette($foreground, icon);`
`79`	`79`	`}`
`80`	`80`
`81`		`- .mat-calendar-table-header {`
`82`		`- color: theming.get-color-from-palette($foreground, hint-text);`
`83`		`- }`
`84`		`-`
`85`	`81`	`.mat-calendar-table-header-divider::after {`
`86`	`82`	`background: theming.get-color-from-palette($foreground, divider);`
`87`	`83`	`}`
`88`	`84`
	`85`	`+ .mat-calendar-table-header,`
`89`	`86`	`.mat-calendar-body-label {`
`90`	`87`	`color: theming.get-color-from-palette($foreground, secondary-text);`
`91`	`88`	`}`