Weather Card: Advanced Section (#13432)

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)
 
 </div>
+
+### 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
+```
+
+&nbsp;
+
+##### 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-<state>
+```
+
+Example theme configuration:
+
+```yaml
+--weather-icon-sunny: url("local/sunny.png")
+```