Core: Datepicker unreadable with dark theme

[TheZoker]

Using a dark theme, but the datepicker seems to not be styleable at all.

Same for date field of scripts, automations etc:

And the template editor:

And the menu icons:

The theme I'm using
https://community.home-assistant.io/t/midnight-theme/28598

[cmsimike]

I'm having a very similar issue, but isn't it up to the theme to correctly theme those elements? I just haven't had time to look into it yet but I presume the fix would be through the dark theme I've specified.

[TheZoker]

@cmsimike I'm not sure because most other input fields have correct color...

[cmsimike]

Those just might be styled in the theme. The date picker is a somewhat new component, so it might not have been considered then?

[VDRainer]

With the exception of the date picker i see this since 0.66 beta and think (hope) it is related to https://github.com/home-assistant/home-assistant-polymer/pull/1032. Maybe @NovapaX will have a look?

[NovapaX]

Can you post the theme you are using so I can exactly reproduce this issue?

[VDRainer]

@NovapaX , for me, the same themes like in https://github.com/home-assistant/home-assistant-polymer/issues/1030 , but the issue is in every dark theme i have tested.

[NovapaX]

Made a PR against the frontend branch to fix the date-picker.
Those other issues (especially the text color) appear to be fixed by our theme-var fixes.

If there are still issues after the next release, please file UI issues in https://github.com/home-assistant/home-assistant-polymer/issues 👍 and include some more info about your setup, like what version you are running.

Thanks for your feedback!

[NovapaX]

update: As the changes are a bit large, we can't include the theming fixes in the coming release. (that has been in beta/testing for a while already, we can only add hotfixes at this stage)
So unfortunately this issue will still be present in the next release (v0.66), you can expect the fix in v0.67.

There will be some new variables to make theming a bit easier. (for the sidebar for example).
I'm not a fanatic themer myself, so please share any ideas or issues!
You can take a look at this file to get an idea of the variables that will (probably) included in v0.67: https://github.com/NovapaX/home-assistant-polymer/blob/4af5a4f04b12b27fbcfc0398d05c9f0c50951423/src/resources/ha-style.html
Not much has changed and of course there are more (they can still be used). But we tried to organize these a bit and they should cover the basics.

[TheZoker]

@NovapaX What happened to these changes? They are not included within 0.67, right?

[NovapaX]

I forgot to merge them before this beta. Need some approval to merge this late in the beta period. @balloob

[TheZoker]

@NovapaX So is it included in 0.68?