diff --git a/src/weather-card.ts b/src/weather-card.ts
index f20e46cb..ca7fb601 100644
--- a/src/weather-card.ts
+++ b/src/weather-card.ts
@@ -284,7 +284,10 @@ export class WeatherCard extends LitElement {
${this.getDateString(forecast.datetime)}
+ style="background: none, url('${this.getWeatherIcon(
+ forecast.condition.toLowerCase(),
+ this.hass.states['sun.sun'].state
+ )}') no-repeat; background-size: contain">
${forecast.temperature}${this.getUnit('temperature')}
@@ -322,7 +325,10 @@ export class WeatherCard extends LitElement {
${this.forecast.map(forecast => html``
+ style="background: none, url('${this.getWeatherIcon(
+ forecast.condition.toLowerCase(),
+ this.hass.states['sun.sun'].state
+ )}') no-repeat; background-size: contain">`
)}
`;
@@ -500,7 +506,8 @@ export class WeatherCard extends LitElement {
label: (tooltipItems, data): string => {
const label = data.datasets[tooltipItems.datasetIndex].label || '';
if (data.datasets[2].label === label) {
- return label + ': ' + (tooltipItems.yLabel ? (tooltipItems.yLabel + ' ' + this.getUnit('precipitation')) : ('0 ' + this.getUnit('precipitation')));
+ return label + ': ' + (tooltipItems.yLabel ? (tooltipItems.yLabel + ' ' + this.getUnit(
+ 'precipitation')) : ('0 ' + this.getUnit('precipitation')));
}
return label + ': ' + tooltipItems.yLabel + ' ' + this.getUnit('temperature');
},