A Home Assistant custom card providing a palette for your Magic Home integration lighting effects.

I love my Magic Home integration strips, they're inexpensive and effective. After a failed attempt and writing my own python gradual transition effect I discovered the device could do it for me with a custom effect! Choosing and experimenting with the colours was awkward though - going from colour wheels to yaml and back - so I made this card to make the experience more enjoyable.
Single-clicking a colour chip from the palette will set all your configured lights to this colour - double-clicking any will add it to the sequence.

Magic Home Party Card is available in [HACS][hacs] (Home Assistant Community Store).
- Install HACS if you don't have it already
- Open HACS in Home Assistant
- Go to "Frontend" section
- Click button with "+" icon
- Search for "Magic Home Party Card"
- Download
magic-home-party-card.js
file from the latest-release. - Put magic-home-party.js file into your
config/www
folder. - Add a reference to this in your resources:
- Add
/local/magic-home-party-card.js
via the "manage resources" dashboard UI (as a javascript "module") - Or add the following to your yaml...
resources:
- url: /local/magic-home-party-card.js
type: module
Once installed you should find it within your available dashboard cards. Add-and-remove selected colors by double clicking (single click previews that colour with your lights). Once setup, click anywhere on the card to run the magic light effect with your configuration.