From 762e5d311f9c28b491b9496021df308aa40b0d80 Mon Sep 17 00:00:00 2001 From: Zack Arnett Date: Wed, 13 May 2020 17:28:23 -0400 Subject: [PATCH] Weather Card: Advanced Section (#13432) --- source/_lovelace/weather-forecast.markdown | 56 ++++++++++++++++++++++ 1 file changed, 56 insertions(+) diff --git a/source/_lovelace/weather-forecast.markdown b/source/_lovelace/weather-forecast.markdown index cd49df1f439..6091f5b2e8b 100644 --- a/source/_lovelace/weather-forecast.markdown +++ b/source/_lovelace/weather-forecast.markdown @@ -55,3 +55,59 @@ entity: weather.openweathermap E.g., it works with [OpenWeatherMap](https://www.home-assistant.io/integrations/openweathermap/#weather) but not [OpenWeatherMap Sensor](https://www.home-assistant.io/integrations/openweathermap/#sensor) + +### Advanced + +##### Themeable Icons + +The default weather icons are themable via a [Theme](https://www.home-assistant.io/integrations/frontend/#themes). Theme variables include: + +```yaml +--weather-icon-cloud-front-color +--weather-icon-cloud-back-color +--weather-icon-sun-color +--weather-icon-rain-color +--weather-icon-moon-color +``` + +Example theme configuration: + +```yaml +--weather-icon-cloud-front-color: white +--weather-icon-cloud-back-color: blue +--weather-icon-sun-color: orange +--weather-icon-rain-color: purple +``` + +  + +##### Personal Icons + +Weather icons can be overwritten with your own personal images via a [Theme](https://www.home-assistant.io/integrations/frontend/#themes). Theme variables include: + +```yaml +--weather-icon-clear-night +--weather-icon-cloudy +--weather-icon-fog +--weather-icon-lightning +--weather-icon-lightning-rainy +--weather-icon-partlycloudy +--weather-icon-pouring +--weather-icon-rainy +--weather-icon-hail +--weather-icon-snowy +--weather-icon-snowy-rainy +--weather-icon-sunny +--weather-icon-windy +--weather-icon-windy-variant +--weather-icon-exceptional + +// If your state is not above, use this format +--weather-icon- +``` + +Example theme configuration: + +```yaml +--weather-icon-sunny: url("local/sunny.png") +```