Hi! I made a map that gave me insight into my lighting. Now I have blue buttons at the top left. But when a light comes on, these buttons light up. This is not the intention. Does anyone know how to solve this?
I made new images where the lighting comes out from under the walls. Unfortunately, this was not allowed to be the solution.
ive some images here:
thank you!
Ofso some code:
kiosk_mode:
hide_header: true
views:
- title: Floorplan
type: panel
path: first
badges: []
cards:
- type: horizontal-stack
cards:
- type: picture-elements
image: /local/map/3D/Basis.png
panel: true
elements:
- type: image
entity: light.verlichting_gang_beneden_ikea_light_2
style:
left: 50%
top: 50%
width: 100%
mix-blend-mode: lighten
filter: >-
${ "hue-rotate(" +
(states[âlight.verlichting_gang_beneden_ikea_light_2â].attributes.hs_color
?
states[âlight.verlichting_gang_beneden_ikea_light_2â].attributes.hs_color[0]
: 0) + "deg)"}
opacity: >-
${states[âlight.verlichting_gang_beneden_ikea_light_2â].state
=== 'on' ?
(states[âlight.verlichting_gang_beneden_ikea_light_2â].attributes.brightness
/ 255) : '0'}
state_image:
'on': /local/map/3D/bg-halletje.png
'off': /local/map/3D/Basis.png
tap_action:
action: none
- type: image
entity: light.keukenblad
style:
left: 50%
top: 50%
width: 100%
mix-blend-mode: lighten
filter: >-
${ "hue-rotate(" +
(states[âlight.keukenbladâ].attributes.hs_color ?
states[âlight.keukenbladâ].attributes.hs_color[0] : 0) +
"deg)"}
opacity: >-
${states[âlight.keukenbladâ].state === 'on' ?
(states[âlight.keukenbladâ].attributes.brightness / 255) :
'0'}
state_image:
'on': /local/map/3D/bg-keukenblad2.png
'off': /local/map/3D/Basis.png
tap_action:
action: none
- type: image
entity: light.hal
style:
left: 50%
top: 50%
width: 100%
mix-blend-mode: lighten
filter: >-
${ "hue-rotate(" + (states[âlight.halâ].attributes.hs_color
? states[âlight.halâ].attributes.hs_color[0] : 0) + "deg)"}
opacity: >-
${states[âlight.halâ].state === 'on' ?
(states[âlight.halâ].attributes.brightness / 255) : '0'}
state_image:
'on': /local/map/3D/bg-hal-vide.png
'off': /local/map/3D/Basis.png
tap_action:
action: none
- type: image
entity: light.keuken_raam
style:
left: 50%
top: 50%
width: 100%
mix-blend-mode: lighten
filter: >-
${ "hue-rotate(" +
(states[âlight.keuken_raamâ].attributes.hs_color ?
states[âlight.keuken_raamâ].attributes.hs_color[0] : 0) +
"deg)"}
opacity: >-
${states[âlight.keuken_raamâ].state === 'on' ?
(states[âlight.keuken_raamâ].attributes.brightness / 255) :
'0'}
state_image:
'on': /local/map/3D/bg-keukenverlichting-raam.png
'off': /local/map/3D/Basis.png
tap_action:
action: none
- type: image
entity: light.woonkamer
style:
left: 50%
top: 50%
width: 100%
mix-blend-mode: lighten
filter: >-
${ "hue-rotate(" +
(states[âlight.woonkamerâ].attributes.hs_color ?
states[âlight.woonkamerâ].attributes.hs_color[0] : 0) +
"deg)"}
opacity: >-
${states[âlight.woonkamerâ].state === 'on' ?
(states[âlight.woonkamerâ].attributes.brightness / 255) :
'0'}
state_image:
'on': /local/map/3D/bg-woonkamer.png
'off': /local/map/3D/Basis.png
tap_action:
action: none
- type: image
entity: light.eethoek
style:
left: 50%
top: 50%
width: 100%
mix-blend-mode: lighten
filter: >-
${ "hue-rotate(" +
(states[âlight.eethoekâ].attributes.hs_color ?
states[âlight.eethoekâ].attributes.hs_color[0] : 0) +
"deg)"}
opacity: >-
${states[âlight.eethoekâ].state === 'on' ?
(states[âlight.eethoekâ].attributes.brightness / 255) : '0'}
state_image:
'on': /local/map/3D/bg-eetkamer.png
'off': /local/map/3D/Basis.png
tap_action:
action: none
- type: image
entity: switch.switch_wc_beneden_switch
style:
left: 50%
top: 50%
width: 100%
mix-blend-mode: lighten
filter: >-
${ "hue-rotate(" +
(states[âswitch.switch_wc_beneden_switchâ].attributes.hs_color
?
states[âswitch.switch_wc_beneden_switchâ].attributes.hs_color[0]
: 0) + "deg)"}
opacity: >-
${states[âswitch.switch_wc_beneden_switchâ].state === 'on' ?
(states[âswitch.switch_wc_beneden_switchâ].attributes.brightness
/ 255) : '0'}
state_image:
'on': /local/map/3D/bg-wclamp.png
'off': /local/map/3D/Basis.png
tap_action:
action: none
- type: image
entity: light.hal_bg_licht
style:
left: 50%
top: 50%
width: 100%
mix-blend-mode: lighten
filter: >-
${ "hue-rotate(" +
(states[âlight.hal_bg_lichtâ].attributes.hs_color ?
states[âlight.hal_bg_lichtâ].attributes.hs_color[0] : 0) +
"deg)"}
opacity: >-
${states[âlight.hal_bg_lichtâ].state === 'on' ?
(states[âlight.hal_bg_lichtâ].attributes.brightness / 255) :
'0'}
state_image:
'on': /local/map/3D/bg-bg-hala8.png
'off': /local/map/3D/Basis.png
tap_action:
action: none
- type: image
entity: scene.alle_verlichting_uit
style:
left: 50%
top: 50%
width: 100%
mix-blend-mode: lighten
filter: >-
${ "hue-rotate(" + (states[âscene.alle_verlichting_uit
â].attributes.hs_color ? states[âscene.alle_verlichting_uit
â].attributes.hs_color[0] : 0) + "deg)"}
opacity: >-
${states[âscene.alle_verlichting_uitâ].state === 'on' ?
(states[âscene.alle_verlichting_uitâ].attributes.brightness
/ 255) : '0'}
state_image:
'on': /local/map/bg-alleverlichting-uit.png
'off': /local/map/3D/Basis.png
tap_action:
action: none
- type: image
entity: light.staande_lamp_licht
style:
left: 50%
top: 50%
width: 100%
mix-blend-mode: lighten
filter: >-
${ "hue-rotate(" +
(states[âlight.staande_lamp_lichtâ].attributes.hs_color ?
states[âlight.staande_lamp_lichtâ].attributes.hs_color[0] :
0) + "deg)"}
opacity: >-
${states[âlight.staande_lamp_lichtâ].state === 'on' ?
(states[âlight.staande_lamp_lichtâ].attributes.brightness /
255) : '0'}
state_image:
'on': /local/map/3D/bg-staandelamp.png
'off': /local/map/3D/Basis.png
tap_action:
action: none
- type: image
entity: scene.nachtstand
style:
left: 50%
top: 50%
width: 100%
mix-blend-mode: lighten
filter: >-
${ "hue-rotate(" +
(states[âscene.nachtstandâ].attributes.hs_color ?
states[âlight.staande_lamp_lichtâ].attributes.hs_color[0] :
0) + "deg)"}
opacity: >-
${states[âscene.nachtstandâ].state === 'on' ?
(states[âscene.nachtstandâ].attributes.brightness / 255) :
'0'}
state_image:
'on': /local/map/bg-staandelamp.png
'off': /local/map/3D/Basis.png
tap_action:
action: none
- type: image
entity: scene.ochtend_routine
style:
left: 50%
top: 50%
width: 100%
mix-blend-mode: lighten
filter: >-
${ "hue-rotate(" + (states[âscene.alle_verlichting_uit
â].attributes.hs_color ? states[âscene.alle_verlichting_uit
â].attributes.hs_color[0] : 0) + "deg)"}
opacity: >-
${states[âscene.ochtend_routineâ].state === 'on' ?
(states[âscene.ochtend_routineâ].attributes.brightness /
255) : '0'}
state_image:
'on': /local/map/bg-alleverlichting-uit.png
'off': /local/map/3D/Basis.png
tap_action:
action: none
- type: state-icon
entity: light.verlichting_gang_beneden_ikea_light_2
style:
left: 33%
top: 40%
opacity: 0
tap_action:
action: toggle
- type: state-icon
entity: light.keukenblad
style:
left: 28%
top: 75%
opacity: 0
tap_action:
action: toggle
- type: state-icon
entity: light.hal
style:
left: 47%
top: 49%
opacity: 0
tap_action:
action: toggle
- type: state-icon
entity: light.keuken_raam
style:
left: 17%
top: 67%
opacity: 0
tap_action:
action: toggle
- type: state-icon
entity: light.woonkamer
style:
left: 74%
top: 38%
opacity: 0
tap_action:
action: toggle
- type: state-icon
entity: light.eethoek
style:
left: 57%
top: 60%
opacity: 0
tap_action:
action: toggle
- type: state-icon
entity: switch.switch_wc_beneden_switch
style:
left: 33%
top: 50%
opacity: 0
tap_action:
action: toggle
- type: state-icon
entity: light.hal_bg_licht
style:
left: 48%
top: 35%
opacity: 0
tap_action:
action: toggle
- type: state-icon
entity: light.staande_lamp_licht
style:
left: 86%
top: 54%
opacity: 0
tap_action:
action: toggle
- type: state-icon
entity: scene.alle_verlichting_uit
style:
left: 15%
top: 25%
opacity: 0
tap_action:
action: toggle
- type: state-icon
entity: scene.nachtstand
style:
left: 11%
top: 12%
opacity: 0
tap_action:
action: toggle
- type: state-icon
entity: scene.ochtend_routine
style:
left: 16%
top: 8%
opacity: 0
tap_action:
action: toggle
visible:
- user: 16c0348433a64d018390dd5149b80784
layout: {}