Home Assistant Dashboard Light Sliders

This is a short tutorial on how I made the light sliders on my dashboard in Home Assistant. These are very easy to make and make use of only a small amount of steps and materials.

What it does:

These sliders represent the brightness, RGB-colours and CCT colour temperature of a specific light entity. For example, the bedlamp entity in the picture. This is a Philips Hue bulb and can use all of the above parameters. To change these types, you can klik on the icons next to the slider. This changes the slider to RGB colour or temperature.

1. Raspberyy Pi or other device running Home Assistant
2. HACS store for the mushroom cards mod
3. Some light entities

To be able to make it look like these sliders, we have to install the mushroom cards mod first. This can be done through HACS store.

Link to mushroom cards mod github: https://github.com/piitaya/lovelace-mushroom

This slider makes use of the mushroom chips and mushroom light cards. These are both put into a vertical stack card that provides home assistant itself.

The chip card is used for the light title and the on/off button.

The light card is for the light entity.

Because you already put these two cards in a vertical stack, you can add as many of these "pairs" as you want to. In my case I used 9 lamps which one of them is not capable of using the RGB colours and temperatures. It works just fine! The slider then represents the brightness only.

You can experiment with all the parameters of the mushroom mod to make it as good as you want!

If it does not work, make sure the card mod plugin is installed. If not, you can delete these lines:

These lines will remove the borders around the cards. This looks extra good in my opinion.