Skip to content

dark themes (MD, iOS): disabled calendar dates not visible #4397

Description

@femto-code
  • 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:

Image

The light theme works:

Image

To Reproduce

  1. Create calendar instance
  2. Set disabled dates
  3. 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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions