DataGrid active date filter button: too low contrast in dark themes #1711

Closed
opened 2026-01-29 17:57:35 +00:00 by claunia · 0 comments
Owner

Originally created by @Cosmatevs on GitHub (Apr 12, 2025).

Describe the bug
In the dark, humanistic dark, software dark, and standard dark themes, the DataGrid date filter button has too low color contrast when it's active. Switching the compliant colors setting makes the issue even worse in some cases, especially in the software dark theme.
Active date filter button comparison in dark themes

To Reproduce
Steps to reproduce the behavior:

  1. Go to the DataGrid simple filter demo page.
  2. Click on the birth date filter button.
  3. Select any date.
  4. Apply the filter.
  5. See how the date filter button looks in different dark themes.

Expected behavior
The icon color should contrast more with the button background color.

Originally created by @Cosmatevs on GitHub (Apr 12, 2025). **Describe the bug** In the dark, humanistic dark, software dark, and standard dark themes, the DataGrid date filter button has too low color contrast when it's active. Switching the compliant colors setting makes the issue even worse in some cases, especially in the software dark theme. ![Active date filter button comparison in dark themes](https://github.com/user-attachments/assets/5857c6b5-2a3e-40bc-8524-552b2fd32950) **To Reproduce** Steps to reproduce the behavior: 1. Go to the [DataGrid simple filter demo](https://blazor.radzen.com/datagrid-simple-filter?theme=humanistic-dark) page. 2. Click on the birth date filter button. 3. Select any date. 4. Apply the filter. 5. See how the date filter button looks in different dark themes. **Expected behavior** The icon color should contrast more with the button background color.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1711