@Mariusthvdb @deprovision
Hey everyone, sorry, I did not see Marius’ reply back in Jan, but did see Jays. I am posting below the full YAML in my dashboard that generates the following ENTITIES card. It contains both the rgb color slider AND the Temp color (cool - warm) slider. The post I was referring to is #18 in this thread, Nov 23, that begins with “OK, so it looks like”. In that YAML, the last line is there to be used as a replacement for the same line in the immediately prior code to get the Temp slider instead of the RGB slider. The other code is identical, as you will see in the complete YAML block I post here. So, Marius is correct that it was bad YAML, but I left a NOTE: explaining it just above the YAML.
Here’s what it looks like:
and here’s the code:
type: vertical-stack
cards:
- type: entities
title: Warm
entities:
- type: custom:slider-entity-row
entity: input_number.warm_lr_accent_hue_in
name: Hue
card_mod:
style:
ha-slider$: |
div.track::after {
background: none;
}
div.track::before {
background: none;
}
div.track {
background-image: linear-gradient(to right,red,yellow,green,cyan,blue,magenta,red);
height: 10%;
width: 80%;
margin-left: 18px;
margin-top: 18px;
}
- type: custom:slider-entity-row
entity: input_number.warm_lr_accent_saturation_in
name: Saturation
- type: custom:slider-entity-row
entity: input_number.warm_lr_accent_brightness_in
name: Brightness
- type: custom:slider-entity-row
entity: input_number.warm_lr_accent_color_temp_in
name: Color Temp
card_mod:
style:
ha-slider$: |
div.track::after {
background: none;
}
div.track::before {
background: none;
}
div.track {
background-image: linear-gradient(to right,rgb(100,180,255),rgb(255,255,255),rgb(255,136,13));
height: 10%;
width: 80%;
margin-left: 18px;
margin-top: 18px;
}
- entity: input_boolean.enable_warm_color_temp_ib
name: Use Color Temp
- type: entities
title: Cool
entities:
- type: custom:slider-entity-row
entity: input_number.cool_lr_accent_hue_in
name: Hue
card_mod:
style:
ha-slider$: |
div.track::after {
background: none;
}
div.track::before {
background: none;
}
div.track {
background-image: linear-gradient(to right,red,yellow,green,cyan,blue,magenta,red);
height: 10%;
width: 80%;
margin-left: 18px;
margin-top: 18px;
}
- type: custom:slider-entity-row
entity: input_number.cool_lr_accent_saturation_in
name: Saturation
- type: custom:slider-entity-row
entity: input_number.cool_lr_accent_brightness_in
name: Brightness
- type: custom:slider-entity-row
entity: input_number.cool_lr_accent_color_temp_in
name: Color Temp
card_mod:
style:
ha-slider$: |
div.track::after {
background: none;
}
div.track::before {
background: none;
}
div.track {
background-image: linear-gradient(to right,rgb(100,180,255),rgb(255,255,255),rgb(255,136,13));
height: 10%;
width: 80%;
margin-left: 18px;
margin-top: 18px;
}
- entity: input_boolean.enable_cool_color_temp_ib
name: Use Color Temp
Oh, and this is still using the custom slider-entity-row. In my tests, I don’t believe what Thomas was referring to was the same things as what I’m doing here.
Let me know if you have any trouble. Cheers.
EDIT: and if you don’t like the color scheme of the sliders, feel free to put in any colors you want for any rainbow or temp slider. I believe someone earlier on this thread found more accurate colors and posted them.
