๐Ÿ’ก Lovelace: RGB light card

Hi everyone !

I'd like to show you my new Lovelace custom card dedicated to RGB lights :purple_circle::orange_circle::green_circle:

The goal is to quickly switch between different presets of color / brightness with a minimalist UI

:memo: Don't hesitate do give me your feedback and suggestions to improve it !

Preview

Installation & Configuration

Please visit the GitHub repository for a detailed documentation and examples
( and add a :star2: if you like it ! )

47 Likes

Beautiful, is this customizable (as in colors?).

If yes I will incorporate this into my setup!

1 Like

It is very customizable yes !

Check out the documentation to see the examples

The github link is wrong. It points to the screenshot :wink:

Oooops ! Thank you, itโ€™s fixed

Great idea and good work!! :+1: I will integrate this in my :bulb: setup today.

That itโ€™s very nice!
Would be possible to have it integrated with HACS?

Thanks!
Andrea

1 Like

Yes ! The request is being reviewed

1 Like

Great, will be waiting till its added tot HACS but it looks great and is a very cool addition.

Is this also possible for (light) groups?.

Each icon simply call the service light.turn_on with your own parameters

The light.turn_on service works for lights groups, so the answer is yes !

1 Like

Itโ€™s done ! Click the โ€œRELOAD DATAโ€ button in your HACS settings, and the plugin should appear after a few minutes !

@VGE @SeLLeRoNe

3 Likes

Looks freaking awesome:

afbeelding

5 Likes

Is there anyway to get ride of the light entity and just show the colour options?

Sure !
The light entity isnโ€™t part of the lovelace card and is on the screenshots only as an example.

However, the custom card must be included in a โ€œentitiesโ€ card

type: entities
entities:
    - type: 'custom:rgb-light-card'
      entity: light.example_light
      colors: [...]
1 Like

Thanks, looks great by the way - I was definitely missing this from the front end.

1 Like

Would you mind sharing the code to also have the brightness control as you have?

Thanks .)

I guess @VGE uses this custom component

So it would be something like

type: entities
entities:

  - type: 'custom:slider-entity-row'
    entity: light.example_light
    toggle: true

  - type: 'custom:rgb-light-card'
    entity: light.example_light
    colors: [...]
2 Likes

Well yes and no (I did know about that card, but thatโ€™s something slighly different), because that way it show two lights entities while he is somehow mixing the two

image

Nevermind, I found what was my issue :slight_smile:

image

3 Likes