Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

Commit ab1d725

Browse files
crisbetoThomasBurleson
authored andcommitted
fix(datepicker): disabled dates blending in with background on a dark theme
The disabled dates were blending in with the calendar when used together with a dark theme. Fixes #8550. Closes #8627
1 parent 4a963b8 commit ab1d725

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

src/components/datepicker/calendar-theme.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,10 @@
4444

4545
.md-calendar-date-disabled,
4646
.md-calendar-month-label-disabled {
47-
color: '{{foreground-3}}';
47+
// Note that this uses half the opacity of the default text color,
48+
// because the calendar is white, even on the dark theme, otherwise
49+
// the default disabled color `foreground-3` blends in with the
50+
// background.
51+
color: '{{background-A200-0.435}}';
4852
}
4953
}

0 commit comments

Comments
 (0)