Unable to define background color in new thermostat lovelace component

[peterhoe]

Home Assistant release with the issue: 0.81.0

Last working Home Assistant release (if known): N/A

Operating environment (Hass.io/Docker/Windows/etc.): Hassio

Component/platform: Lovelace/thermostat

Description of problem:

I am using the new lovelace thermostat component. I don't seem to be able to change the middle of the background color of the thermostat card from within a theme template.

Description of problem:

When using a dark themed background, the text dissapears, and the foreground centre of the thermostat always remains white regardless of theme entries

Theme definition as follows

Dark - Gray:

Main Interface Colors

primary-color: "#A3A3A3"
light-primary-color: "#C5C5C5"
primary-background-color: "#272727"
secondary-background-color: var(--primary-background-color)
divider-color: "#343434"

Text

primary-text-color: "#FFFFFD"
secondary-text-color: "#4d6d2e"
text-primary-color: "#FFFFFF"
disabled-text-color: "#A3A3A3"

Sidebar Menu

sidebar-icon-color: "#A3A3A3"
sidebar-text-color: "#FFFFFD"
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: "#4d6d2e"
sidebar-selected-text-color: var(--sidebar-selected-icon-color)

States and Badges

state-icon-color: "#4d6d2e"
state-icon-active-color: "#F7AA1C"
state-icon-unavailable-color: var(--disabled-text-color)

Sliders

paper-slider-knob-color: "#4d6d2e"
paper-slider-knob-start-color: var(--paper-slider-knob-color)
paper-slider-pin-color: var(--paper-slider-knob-color)
paper-slider-active-color: var(--paper-slider-knob-color)
paper-slider-secondary-color: var(--light-primary-color)

Labels

label-badge-background-color: "#575757"
label-badge-text-color: "#FFFFFD"
label-badge-red: "#575757"

Cards

paper-card-background-color: "#2D2D2D"
paper-listbox-background-color: var(--primary-background-color)

Toggles

paper-toggle-button-checked-button-color: "#4d6d2e"
paper-toggle-button-checked-bar-color: "#598330"
paper-toggle-button-unchecked-button-color: "#A3A3A3"
paper-toggle-button-unchecked-bar-color: "#6F6F6F"

Table row

table-row-background-color: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)

ui-lovelace.yaml entry
type: thermostat
entity: climate.daikin

[ghost]

This issue was moved by fabaff to home-assistant/home-assistant-polymer#1902.