Skip to content

Transparent Blue is a sleek, modern theme for Home Assistant featuring a transparent blue aesthetic.

License

Notifications You must be signed in to change notification settings

JOHLC/transparentblue

Transparent Blue Theme for Home Assistant

HACS Default GitHub Downloads Maintenance GitHub Release Date GitHub Release GitHub Stars


Overview

Transparent Blue is a sleek, modern theme for Home Assistant featuring a transparent blue aesthetic.
It’s my first custom theme for Home Assistant and my first ever GitHub/HACS repository.


Screenshots

Main More Info
Main Screenshot More Info Screenshot
Sidebar Menu
Sidebar Screenshot Menu Screenshot

Included background image


Quick Start

Recommended: Install via HACS for easiest setup and updates.

Open your Home Assistant instance and open a repository inside the Home Assistant Community Store.

  1. Open HACS in Home Assistant
  2. Go to Frontend
  3. Click Add (+)
  4. Search for Transparent Blue
  5. Click Download
  6. Select the theme in Home Assistant

Manual Installation (not recommended)

  1. Download transparentblue.yaml from the latest release.
  2. Upload to your themes directory.
  3. Add the resource reference to your Lovelace config.
  4. Select the theme in Home Assistant.

Customizing the Background

To change your background, edit this line in your .yaml:

lovelace-background: 'center / cover no-repeat fixed url("")'

With local or remote image:

lovelace-background: 'center / cover no-repeat fixed url("/local/background.png")'
# or
lovelace-background: 'center / cover no-repeat fixed url("https://example.com/background.jpg")'

With base64:

lovelace-background: 'center / cover no-repeat fixed url("data:image/png;base64,YOURLONGSTRING")'

Beta Versions

Beta releases may be available for testing.
Enable/disable beta versions in HACS via Show beta versions setting.

HACS Beta Setting


Compatibility

Tested on Home Assistant 2023.x and newer.


Contributing

We welcome contributions to improve the Transparent Blue theme! Please read our Contributing Guidelines and Code of Conduct before submitting pull requests.

How to Contribute


Support


License

This theme is released under the MIT License. Feel free to use, modify, and distribute as per the license terms.


Other Cool Themes


Acknowledgments

  • Thanks to the Home Assistant community for feedback and testing
  • Inspired by various blue themes in the Home Assistant ecosystem

PRs, suggestions, and feedback are always welcome!

About

Transparent Blue is a sleek, modern theme for Home Assistant featuring a transparent blue aesthetic.

Topics

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Sponsor this project

 

Packages

No packages published

Contributors 3

  •  
  •  
  •