Light Entity Card

I just noticed that the color wheel has stopped working for all my coloured lights(Lidl lights through deconz). Anyone else has similar issues and maybe even a fix?

This problem for me was fixed in a recent update

1 Like

I also have big problems ā€œexpandingā€ my effect_list. Only ā€œcolorloopā€ is available to me.

I have now read this (and many other posts), but I have come to no other conclusion.

I have now created the following:

input_select.yaml:

albin_rgbw:
   name: effect
   options:
     - None
     - Fireplace
     - Storm
     - Rainbow
     - Aurora
     - LAPD
   initial: None

6 automations direct in HA (here is an example) (all others look more or less the same, only with the respective values)

alias: RGBW LAPD
description: ''
trigger:
  - platform: state
    entity_id: input_select.albin_rgbw
    to: LAPD
condition: []
action:
  - service: zwave.set_config_parameter
    data_template:
      node_id: 7
      parameter: 72
      value: 10

although the input_select is specified here, it still says ā€œcolorloopā€

maybe it is helpful to mention that i integrated these lights via the deconz integration?

Can someone help me, i installed this and added it to my configuration.yaml but it is still saying it is not loaded

  resources:
  - url: /hacsfiles/lovelace-gui-sandbox/gui-sandbox.js
    type: module
  - url: /hacsfiles/dual-gauge-card/dual-gauge-card.js
    type: module
  - url: /hacsfiles/lovelace-multiple-entity-row/multiple-entity-row.js
    type: module
  - url: /hacsfiles/garbage-collection-card/garbage-collection-card.js
    type: module
  - url: /hacsfiles/home-assistant-neerslag-card/neerslag-card.js
    type: module
  - url: /hacsfiles/google_home_timers_card/googletimers-card.js
    type: module
  - url: /hacsfiles/LG-WebOS-Remote-Control/lg-remote-control.js
    type: module
  - url: /local/light-entity-card/dist/light-entity-card.js
    type: js

someone able to tell me what i am doing wrong

It didnā€™t work for me either. installed via HACS.
Then this helped:
In Configuration-> Lovelace control panels-> Resources replace this:

 /hacsfiles/light-entity-card/light-entity-card.js

with this:

 /local/community/light-entity-card/light-entity-card.js

give it a try and let me know if it helped.

PS. in the address you are writing:

  • url: /local/light-entity-card/dist/light-entity-card.js

there is probably an extra ā€œ/ distā€ or try to remove this.

Tried Both not seems to be working

I have SMB access to the config folder but I donā€™t have a file named theme.yaml

Could someone please tell me where exactly I need to add this line of code?

I tried that without success. Apparently it lacks some detail that I donā€™t grasp. Can anyone point me to a proper step by step tutorial that actually provides a working example? Never mind. After a rough estimation of the total monetary value of the insane amount of time and effort Iā€™ve already wasted on the futile attempts to get Home Assistant running properly, Iā€™ve decided to dump the idea of using Home Assistant.

I guess a few decades of using Macs might have spoiled me a bit, but I donā€™t care for the kind of hassle Home Assistant has been giving me. From a user experience point of view this is absolutely not the way to do things.

Iā€™ve learned my lesson and Iā€™m moving on. Iā€™ve ordered an Apple HomePod mini and Iā€™ll get simply get rid of anything not compatible to Thread/Matter/HomeKit.

Good luck to you all.

WLED version 0.12.0:

effect_list: Android, Aurora, Blends, Blink, Blink Rainbow, Bouncing Balls, Bpm, Breathe, Candle, Candle Multi, Candy Cane, Chase, Chase Flash, Chase Flash Rnd, Chase Rainbow, Chase Random, Chunchun, Circus, Colorful, Colorloop, Colortwinkles, Colorwaves, Dancing Shadows, Dissolve, Dissolve Rnd, Drip, Dynamic, Dynamic Smooth, Fade, Fill Noise, Fire 2012, Fire Flicker, Fireworks, Fireworks 1D, Fireworks Starburst, Flow, Glitter, Gradient, Halloween, Halloween Eyes, Heartbeat, ICU, Juggle, Lake, Lighthouse, Lightning, Loading, Meteor, Meteor Smooth, Multi Comet, Noise 1, Noise 2, Noise 3, Noise 4, Noise Pal, Oscillate, Pacifica, Palette, Percent, Phased, Phased Noise, Plasma, Police, Police All, Popcorn, Pride 2015, Railway, Rain, Rainbow, Rainbow Runner, Random Colors, Ripple, Ripple Rainbow, Running, Running 2, Saw, Scan, Scan Dual, Scanner, Scanner Dual, Sine, Sinelon, Sinelon Dual, Sinelon Rainbow, Solid, Solid Glitter, Solid Pattern, Solid Pattern Tri, Sparkle, Sparkle Dark, Sparkle+, Spots, Spots Fade, Stream, Stream 2, Strobe, Strobe Mega, Strobe Rainbow, Sunrise, Sweep, Sweep Random, TV Simulator, Tetrix, Theater, Theater Rainbow, Traffic Light, Tri Chase, Tri Fade, Tri Wipe, Twinkle, Twinklecat, Twinklefox, Twinkleup, Two Areas, Two Dots, Washing Machine, Wipe, Wipe Random
supported_color_modes: rgbw
color_mode: rgbw
brightness: 128
hs_color: 37.647, 100
rgb_color: 255, 160, 0
rgbw_color: 255, 160, 0, 0
xy_color: 0.569, 0.411
effect: Solid
intensity: 128
palette: Default
reverse: false
speed: 128
friendly_name: wled-bureau
icon: mdi:led-strip-variant
supported_features: 36

@Posreg
Hello,
how did you merge the two cards?
thank you

You can dynamicaly have the effect_list like

effect_list: light.wled.effect_list

Thanks for sharing this. I found that it also changed the background of the brightness slider on the more-info popup of light entities (and possible sliders elsewhere in HA, I didnā€™t look for more). Itā€™s a little more complicated than your solution, but I used card-mod along with a custom theme variable to change the background of just the light-entity-card-color_temp slider.
For anyone that wants my recipe:

1st: Add card-mod to your lovelace resources.
2nd: In your lovelace, add a style to the light-entity-card like so:

- type: custom:light-entity-card
  entity: light.your_light
  color_picker: true
  smooth_color_wheel: true
  style:
    .: >
      ha-slider.light-entity-card-color_temp { background-image: var(--ha-slider-background-light-entity); }

3rd: In your theme.yaml, add:

  ha-slider-background-light-entity: 'linear-gradient(90deg, rgba(165,201,241,1) 0%, rgba(255,255,255,1) 50%, rgba(254,151,7,1) 100%)'

Be sure to reload the theme from the Developer>Services tab to apply the change.
This then only modifies light-entity-card cards, with a color_temp slider, with the new style explicitly applied. So if youā€™re using this card in a lot of places, it can be a fair amount of extra work to add the style to each one. It was worth it for me, as I like the look of the background gradient, but only on the color temp element, not everywhere else a slider might show up :slight_smile: .

1 Like

Great addition! Many users here use card-mod already. Your solution is great if you want a per card mod.

1 Like

Iā€™d like to figure out how to apply the style to all light-entity-cards cards from the theme yaml using card-mod, but itā€™s a little beyond my current skill level :-). I think it should be possible but css selectors with shadowroots get me everytime :slight_smile:

vertical-stack card :wink:

I have an RGBW light strip integrated from esphome and the white channel is not showing up

  - type: custom:light-entity-card
    entity: light.led_mbedroom_ceiling
    persist_features: true
    white_value: true
    brightness: true

I get ERROR on android tablets custom-elements dont exist?? IT works on windows/chrome
EDIT: Error was actually on APP cacheā€¦ I had to re-install Android APP to clear cache =)

Has anybody managed to get Colour temperature wheel always visible on Lovelace? I can only see slider now and they are smallā€¦
Id rather have one wheel: Left-right is temperature and up-down is dimmingā€¦