boxesloading.blogg.se - How to make an animated background

You will need to change the entity in green to the name of your thermostat entity. In this file (the ui_lovelace.yaml), you’ll see all the code that makes up your different Lovelace dashboards and views.Ĭopy the code below and paste it on a brand new line.

In the top right corner, click the 3 dots > Edit Dashboard.Ĭlick the 3 dots again and go to Raw Configuration Editor. Next, go to your primary Lovelace dashboard. Step 2: Add Custom Element to Lovelace UI On the popup screen, click Install This Repository in HACS. Then, search for “Lovelace Animated Background”. On your sidebar, go to HACS > Frontend > Explore & Add Repositories. Step 1: Install Lovelace Animated Background in HACS You won’t need to reference his doc at all to set this up as long as you follow my guide exactly. The developers docs are a bit outdated, so I’m expanding on them in this guide. You will need to know the available states for whatever entity you choose. If you don’t have a smart thermostat, you can choose any entity you’d like.

For this example, I am using my Ecobee thermostat.

For this guide, I’m installing this integration via HACS.

(If installing manually, you can follow the instructions on the developers wiki.) I’m going to assume most of you already have HACS, or the Home Assistant Community Store, installed.

To use animated backgrounds, I recommend installing HACS.

If you’ve never installed a custom theme before, you can follow my How To Install Home Assistant Themes guide. If you want to spice up your dashboards a little, you can follow this tutorial to set your backgrounds based on an entity.įor example, if you are using your thermometer as the entity, then you can have your dashboard display a video background of rain falling when the state changes to rainy.Ĭhanging these backgrounds are also reflected in iOS and Android when using the Home Assistant Companion app, so that’s pretty cool as well. Most Lovelace dashboards have a default color set by the theme you’ve chosen. In this guide, I’m going to show you how to create animated backgrounds in Home Assistant.