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.
Please report any issues you may discover under the issues section
Please provide any feedback over at the Home Assistant Community post
Here is the Included background image
Transparent Blue is now a default repo in HACS!
- Open HACS
- Select "Frontend"
- Click add (+)
- Search for Transparent Blue and click it
- Click Download You should now be able to select this theme in Home Assistant
- Download the transparentblue.yaml file from the latest release
- Upload the downloaded file to your "themes" directory
- Add the resource reference to your lovelace config
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
lovelace-background: 'center / cover no-repeat fixed url('data:image/png;base64,YOURLONGSTRING)'
Alternatively, you can use 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")'
From time to time I will be releasing beta versions. This is mainly for personal testing before merging dev branch changes. If you are using HACS you can enable / disable these beta versions by changing the setting "Show beta versions"