- Framework7 version: 9.1.0
- Platform and Target: all
Describe the bug
In dark mode (iOS and MD theme affected), disabled calendar dates are not distinguishable from active ones.
In the following screenshot, July 4 is disabled and cannot be clicked but it is not distinguishable from July 1 which is enabled:
The light theme works:
To Reproduce
- Create calendar instance
- Set disabled dates
- Enable dark theme
Expected result
Make disabled dates visually distinguishable from enabled ones, like in dark mode.
Additional
.calendar-day-disabled {
color: var(--f7-calendar-disabled-text-color);
cursor: auto;
}
So, --f7-calendar-disabled-text-color needs to be adjusted for the dark theme.
Describe the bug
In dark mode (iOS and MD theme affected), disabled calendar dates are not distinguishable from active ones.
In the following screenshot, July 4 is disabled and cannot be clicked but it is not distinguishable from July 1 which is enabled:
The light theme works:
To Reproduce
Expected result
Make disabled dates visually distinguishable from enabled ones, like in dark mode.
Additional
So,
--f7-calendar-disabled-text-colorneeds to be adjusted for the dark theme.