This is a theme I created for Home Assistant called Transparent Blue. This is/was my first ever custom theme for Home Assistant and my first ever GitHub/HACS repository.
It can be installed via HACS or manually with help from the instructions below.
Transparent Blue is now a default repo in HACS!
- Open HACS
- Select “Frontend”
- Click add (+)
- Search for Transparent Blue and click it
- Click Install
You should now be able to select this theme in Home Assistant
This theme uses a base64 encoded image. I use this website to encode my images.
To change the background of this theme, change the following in the .yaml file:
lovelace-background: 'center / cover no-repeat fixed url()'
In between the brackets in the url() section, add your own base64 string. Example: url('data:image/png;base64,YOURLONGSTRING)
You can also add a local image stored in your config/www directory or a publicly accessible image url like so
lovelace-background: 'center / cover no-repeat fixed url("/local/background.png")' # OR # lovelace-background: 'center / cover no-repeat fixed url("http://www.reportingday.com/wp-content/uploads/2018/06/Cat-Sleeping-Pics.jpg")'