Date Picker Unreadable in Dark Mode

Wappler 6.1.2

I have applied the Bootstrap Theme switcher to a project. It seems to work however it leaves date pickers unreadable in dark mode.

Which part of the date picker is what you call unreadable, is it the input where the selected date appears or are you referring to the date picker that pops up being light?

Yes the date picker that pops up is too light. Very hard to read the dates/numbers

Doesn’t it look the same as on light theme?

No the light theme is fine. When I get to my computer I will take a screenshot

In light mode …

Switching the datepicker to dark theme helps. It is readable in dark mode, but still shows the datepicker as dark in light mode. not ideal, but I will leave it like that until a fix is found.

The current component themes are not auto switching aware, so they are either dark or light.

We probably need to add new bootstrap 5.3 specific auto switching theme per component that uses specific theming.

1 Like

Did create a bootstrap 5.3 theme, just unzip the css into dmxAppConnect/dmxDatePicker/bgthemes. From the Date Picker Properties you can then select the Bootstrap theme. The theme uses the css variables from Bootstrap 5.3 and should work fine with the theme switcher.

bootstrap.zip (619 Bytes)

3 Likes

Works perfectly! Thank you! :beers:

Fixed in Wappler 6.1.3