@tmen79 I like this format. Which card did you use for it?
which HA card you use ?
thanks
type: grid
cards:
- type: horizontal-stack
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-chips-card
alignment: end
chips:
- type: template
card_mod:
style: |
ha-card {
background-color: rgba(255,255,255,1);
box-shadow: 1px 1px 8px #e1e0dd;
border: none;
}
icon: mdi:battery-20
tap_action:
action: navigate
navigation_path: /lovelace/carregamento
icon_color: yellow
visibility:
- condition: or
conditions:
- condition: numeric_state
entity: sensor.miband8_battery
below: 20
- condition: and
conditions:
- condition: state
entity: sensor.tonhu_battery_state
state: discharging
- condition: numeric_state
entity: sensor.tonhu_battery_level
below: 20
- type: horizontal-stack
cards:
- type: custom:mushroom-chips-card
alignment: center
chips:
- type: entity
card_mod:
style: |
ha-card {
background-color: rgba(255,255,255,1);
box-shadow: 1px 1px 8px #e1e0dd;
border: none;
}
entity: person.antonio
tap_action:
action: navigate
navigation_path: /lovelace/antonio
hold_action:
action: perform-action
perform_action: input_boolean.toggle
target:
entity_id: input_boolean.kiosk
content_info: name
use_entity_picture: true
- type: horizontal-stack
cards:
- type: custom:mushroom-chips-card
alignment: start
chips:
- type: template
card_mod:
style: |
ha-card {
background-color: rgba(255,255,255,1);
box-shadow: 1px 1px 8px #e1e0dd;
border: none;
}
icon: mdi:alert-circle-outline
tap_action:
action: navigate
navigation_path: /lovelace/remedios
icon_color: red
visibility:
- condition: or
conditions:
- condition: state
entity: input_boolean.remedio_nimesulida
state: "on"
- condition: state
entity: input_boolean.remedio_paracetamol
state: "on"
- type: horizontal-stack
cards:
- card_mod:
style: |
ha-card {
background-color: rgba(255,255,255,1);
box-shadow: 1px 1px 8px #e1e0dd;
border: none;
}
aspect_ratio: 2/1.5
styles:
grid:
- grid-template-areas: "\"entity_picture icone\" \"nome nome\" \"bateria_celular\""
- grid-template-columns: 1fr
- grid-template-rows: 1fr min-content min-content
custom_fields:
dormindo:
- position: absolute
- right: 1rem
- top: 6rem
- font-size: 14px
- color: grey
localizacao:
- position: absolute
- right: 1rem
- top: 3rem
- font-size: 14px
- color: grey
icone:
- font-weight: bold
- color: grey
- position: absolute
- right: 1rem
- top: 1rem
bateria_celular:
- position: absolute
- right: 1rem
- top: 4.5rem
- font-size: 14px
- color: grey
entity_picture:
- position: absolute
- border-radius: 5rem
- border: 5px solid rgb(0, 150, 255)
- left: 1rem
- top: 0.5rem
- width: 7rem
- height: 7rem
type: custom:button-card
variables:
var_entity: person.antonio
var_picture_location: /local/pictures/Eu Emoji.jpg
var_device_tracker: device_tracker.tonhu
var_battery_level: sensor.tonhu_battery_level
var_sleep_confidence: sensor.tonhu_sleep_confidence
show_name: false
show_entity_picture: true
entity: |
[[[
return variables.var_entity
]]]
entity_picture: |
[[[
return variables.var_picture_location
]]]
custom_fields:
dormindo: |
[[[
return `<ha-icon icon="` +
states[variables.var_sleep_confidence].attributes.icon +
`"style="width: 18px;"></ha-icon>` +
`<span> ${states[variables.var_sleep_confidence].state}` +
`%` +
`</span>`
]]]
localizacao: |
[[[
return states['sensor.casa_tonhu_distancia'].state + " m"
]]]
icone: |
[[[
let icone = states[variables.var_device_tracker].state;
if (icone === "home") icone = 'Em casa'
if (icone === "not_home") icone = 'Na rua'
return icone
]]]
bateria_celular: |
[[[
return `<ha-icon icon="` +
states[variables.var_battery_level].attributes.icon +
`"style="width: 16px;"></ha-icon>` +
`<span> ${states[variables.var_battery_level].state}` +
`%` +
`</span>`
]]]
- card_mod:
style: |
ha-card {
background-color: rgba(255,255,255,1);
box-shadow: 1px 1px 8px #e1e0dd;
border: none;
}
aspect_ratio: 2/1.5
styles:
grid:
- grid-template-areas: "\"entity_picture icone\" \"nome nome\" \"bateria_celular\""
- grid-template-columns: 1fr
- grid-template-rows: 1fr min-content min-content
custom_fields:
dormindo:
- position: absolute
- right: 1rem
- top: 6rem
- font-size: 14px
- color: grey
localizacao:
- position: absolute
- right: 1rem
- top: 3rem
- font-size: 14px
- color: grey
icone:
- font-weight: bold
- color: grey
- position: absolute
- right: 1rem
- top: 1rem
bateria_celular:
- position: absolute
- right: 1rem
- top: 4.5rem
- font-size: 14px
- color: grey
entity_picture:
- position: absolute
- border-radius: 5rem
- border: 5px solid rgb(107,63,160)
- left: 1rem
- top: 0.5rem
- width: 7rem
- height: 7rem
type: custom:button-card
variables:
var_entity: person.gabriela
var_picture_location: /local/pictures/gabi emoji.jpeg
var_device_tracker: device_tracker.gabi
var_battery_level: sensor.gabi_battery_level
var_sleep_confidence: sensor.gabi_sleep_confidence
show_name: false
show_entity_picture: true
entity: |
[[[
return variables.var_entity
]]]
entity_picture: |
[[[
return variables.var_picture_location
]]]
custom_fields:
dormindo: |
[[[
return `<ha-icon icon="` +
states[variables.var_sleep_confidence].attributes.icon +
`"style="width: 18px;"></ha-icon>` +
`<span> ${states[variables.var_sleep_confidence].state}` +
`%` +
`</span>`
]]]
localizacao: |
[[[
return states['sensor.casa_gabi_distancia'].state + " m"
]]]
icone: |
[[[
let icone = states[variables.var_device_tracker].state;
if (icone === "home") icone = 'Em casa'
if (icone === "away") icone = 'Na rua'
return icone
]]]
bateria_celular: |
[[[
return `<ha-icon icon="` +
states[variables.var_battery_level].attributes.icon +
`"style="width: 16px;"></ha-icon>` +
`<span> ${states[variables.var_battery_level].state}` +
`%` +
`</span>`
]]]
- type: horizontal-stack
cards:
- type: custom:button-card
card_mod:
style: |
ha-card {
background-color: rgba(255,255,255,1);
box-shadow: 1px 1px 8px #e1e0dd;
border: none;
}
name: Cozinha
icon: mdi:chef-hat
aspect_ratio: 1/1
custom_fields:
buttons:
card:
type: vertical-stack
cards:
- type: custom:button-card
icon: mdi:lightbulb
show_name: false
styles:
card:
- position: absolute
- bottom: 3rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['light.luz_da_cozinha'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['light.luz_da_cozinha'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
- type: custom:button-card
icon: mdi:led-strip-variant
show_name: false
styles:
card:
- position: absolute
- bottom: 1.5rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['light.led_da_pia_da_cozinha'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['light.led_da_pia_da_cozinha'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
- type: custom:button-card
icon: mdi:motion-sensor
show_name: false
styles:
card:
- position: absolute
- bottom: 0rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['binary_sensor.sensor_de_presenca_cozinha_movimento'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['binary_sensor.sensor_de_presenca_cozinha_movimento'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
styles:
img_cell:
- position: absolute
- top: 3rem
icon:
- position: absolute
- bottom: 1rem
- color: rgb(255, 0, 0)
name:
- position: absolute
- top: 1rem
- font-weight: bold
- color: grey
tap_action:
haptic: medium
action: navigate
navigation_path: /lovelace/cozinha
- type: custom:button-card
card_mod:
style: |
ha-card {
background-color: rgba(255,255,255,1);
box-shadow: 1px 1px 8px #e1e0dd;
border: none;
}
name: Mesa
icon: mdi:table-chair
aspect_ratio: 1/1
custom_fields:
buttons:
card:
type: vertical-stack
cards:
- type: custom:button-card
icon: mdi:lightbulb
show_name: false
styles:
card:
- position: absolute
- bottom: 1.5rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['light.luz_da_mesa'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['light.luz_da_mesa'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
- type: custom:button-card
icon: mdi:snowflake
show_name: false
styles:
card:
- position: absolute
- bottom: 0rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['climate.ar_condicionado_da_mesa'].state
if (luz == 'cool') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['climate.ar_condicionado_da_mesa'].state
if (luz == 'cool') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
styles:
img_cell:
- position: absolute
- top: 3rem
icon:
- position: absolute
- bottom: 1rem
- color: rgb(252, 15, 192)
name:
- position: absolute
- top: 1rem
- font-weight: bold
- color: grey
tap_action:
haptic: medium
action: navigate
navigation_path: /lovelace/mesa
- type: custom:button-card
card_mod:
style: |
ha-card {
background-color: rgba(255,255,255,1);
box-shadow: 1px 1px 8px #e1e0dd;
border: none;
}
name: Sala
icon: mdi:television
aspect_ratio: 1/1
custom_fields:
buttons:
card:
type: vertical-stack
cards:
- type: custom:button-card
icon: mdi:lightbulb
show_name: false
styles:
card:
- position: absolute
- bottom: 3rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['light.luz_da_sala'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['light.luz_da_sala'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
- type: custom:button-card
icon: mdi:led-strip-variant
show_name: false
styles:
card:
- position: absolute
- bottom: 1.5rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['light.led_da_tv'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['light.led_da_tv'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
- type: custom:button-card
icon: mdi:television
show_name: false
styles:
card:
- position: absolute
- bottom: 0rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['media_player.tv'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['media_player.tv'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
styles:
img_cell:
- position: absolute
- top: 3rem
icon:
- position: absolute
- bottom: 1rem
- color: rgb(169, 204, 227)
name:
- position: absolute
- top: 1rem
- font-weight: bold
- color: grey
tap_action:
haptic: medium
action: navigate
navigation_path: /lovelace/sala
- type: horizontal-stack
cards:
- type: custom:button-card
card_mod:
style: |
ha-card {
background-color: rgba(255,255,255,1);
box-shadow: 1px 1px 8px #e1e0dd;
border: none;
}
name: Banheiro<br>Social
icon: mdi:toilet
aspect_ratio: 1/1
custom_fields:
buttons:
card:
type: vertical-stack
cards:
- type: custom:button-card
icon: mdi:led-strip-variant
show_name: false
styles:
card:
- position: absolute
- bottom: 1.5rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['light.led_do_banheiro_social'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['light.led_do_banheiro_social'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
- type: custom:button-card
icon: mdi:motion-sensor
show_name: false
styles:
card:
- position: absolute
- bottom: 0rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['binary_sensor.sensores_de_movimento_banheiro_social'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['binary_sensor.sensores_de_movimento_banheiro_social'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
styles:
img_cell:
- position: absolute
- top: 3rem
icon:
- position: absolute
- bottom: 1rem
- color: rgb(174, 182, 191)
name:
- position: absolute
- top: 1rem
- font-weight: bold
- color: grey
tap_action:
haptic: medium
action: navigate
navigation_path: /lovelace/banheirosocial
- type: custom:button-card
card_mod:
style: |
ha-card {
background-color: rgba(255,255,255,1);
box-shadow: 1px 1px 8px #e1e0dd;
border: none;
}
name: Quarto<br>do Brian
icon: mdi:bed
aspect_ratio: 1/1
custom_fields:
buttons:
card:
type: vertical-stack
cards:
- type: custom:button-card
icon: mdi:lightbulb
show_name: false
styles:
card:
- position: absolute
- bottom: 0rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['light.luz_do_quarto_do_brian'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['light.luz_do_quarto_do_brian'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
styles:
img_cell:
- position: absolute
- top: 3rem
icon:
- position: absolute
- bottom: 1rem
- color: rgb(210, 110, 10)
name:
- position: absolute
- top: 1rem
- font-weight: bold
- color: grey
tap_action:
haptic: medium
action: navigate
navigation_path: /lovelace/quartodobrian
- type: custom:button-card
card_mod:
style: |
ha-card {
background-color: rgba(255,255,255,1);
box-shadow: 1px 1px 8px #e1e0dd;
border: none;
}
aspect_ratio: 1/1
name: Lavanderia
icon: mdi:washing-machine
styles:
img_cell:
- position: absolute
- top: 3rem
icon:
- position: absolute
- bottom: 1rem
- color: rgb(174, 191, 174)
name:
- position: absolute
- top: 1rem
- font-weight: bold
- color: grey
tap_action:
haptic: medium
action: navigate
navigation_path: /lovelace/lavanderia
- type: horizontal-stack
cards:
- type: custom:button-card
card_mod:
style: |
ha-card {
background-color: rgba(255,255,255,1);
box-shadow: 1px 1px 8px #e1e0dd;
border: none;
}
name: Sacada
icon: mdi:window-open-variant
aspect_ratio: 1/1
custom_fields:
buttons:
card:
type: vertical-stack
cards:
- type: custom:button-card
icon: mdi:lightbulb
show_name: false
styles:
card:
- position: absolute
- bottom: 1.5rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['light.luz_da_sacada'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['light.luz_da_sacada'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
- type: custom:button-card
icon: mdi:lightbulb
show_name: false
styles:
card:
- position: absolute
- bottom: 0rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['light.luz_da_churrasqueira'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['light.luz_da_churrasqueira'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
styles:
img_cell:
- position: absolute
- top: 3rem
icon:
- position: absolute
- bottom: 1rem
- color: rgb(163, 228, 215)
name:
- position: absolute
- top: 1rem
- font-weight: bold
- color: grey
tap_action:
haptic: medium
action: navigate
navigation_path: /lovelace/sacada
- type: custom:button-card
card_mod:
style: |
ha-card {
background-color: rgba(255,255,255,1);
box-shadow: 1px 1px 8px #e1e0dd;
border: none;
}
name: Corredor
icon: mdi:lightbulb
aspect_ratio: 1/1
custom_fields:
buttons:
card:
type: vertical-stack
cards:
- type: custom:button-card
icon: mdi:lightbulb
show_name: false
styles:
card:
- position: absolute
- bottom: 1.5rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['light.luz_do_corredor'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['light.luz_do_corredor'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
- type: custom:button-card
icon: mdi:motion-sensor
show_name: false
styles:
card:
- position: absolute
- bottom: 0rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['binary_sensor.sensor_de_presenca_corredor_movimento'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['binary_sensor.sensor_de_presenca_corredor_movimento'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
styles:
img_cell:
- position: absolute
- top: 3rem
icon:
- position: absolute
- bottom: 1rem
- color: rgb(249, 231, 159)
name:
- position: absolute
- top: 1rem
- font-weight: bold
- color: grey
tap_action:
haptic: medium
action: navigate
navigation_path: /lovelace/corredor
- type: custom:button-card
card_mod:
style: |
ha-card {
background-color: rgba(255,255,255,1);
box-shadow: 1px 1px 8px #e1e0dd;
border: none;
}
name: Quarto<br>de Casal
icon: mdi:bed-king
aspect_ratio: 1/1
custom_fields:
buttons:
card:
type: vertical-stack
cards:
- type: custom:button-card
icon: mdi:lightbulb
show_name: false
styles:
card:
- position: absolute
- bottom: 4.5rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['light.luz_do_quarto_de_casal'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['light.luz_do_quarto_de_casal'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
- type: custom:button-card
icon: mdi:desk-lamp
show_name: false
styles:
card:
- position: absolute
- bottom: 3rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['light.abajur'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['light.abajur'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
- type: custom:button-card
icon: mdi:snowflake
show_name: false
styles:
card:
- position: absolute
- bottom: 1.5rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['climate.ar_condicionado_do_quarto_de_casal'].state
if (luz == 'cool') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['climate.ar_condicionado_do_quarto_de_casal'].state
if (luz == 'cool') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
- type: custom:button-card
icon: mdi:motion-sensor
show_name: false
styles:
card:
- position: absolute
- bottom: 0rem
- right: 0.5rem
- width: 1.5rem
- height: 1.5rem
- border-radius: 50%
- border: |
[[[
let luz = states['binary_sensor.sensor_de_presenca_quarto_de_casal_movimento'].state
if (luz == 'on') {
return '1px solid rgb(255,150,0)'
} else {
return '1px solid rgb(100,100,100)'
}
]]]
icon:
- color: |
[[[
let luz = states['binary_sensor.sensor_de_presenca_quarto_de_casal_movimento'].state
if (luz == 'on') {
return 'rgb(255,150,0)'
} else {
return 'rgb(100,100,100)'
}
]]]
- width: 15px
styles:
img_cell:
- position: absolute
- top: 3rem
icon:
- position: absolute
- bottom: 1rem
- color: rgb(245, 203, 167)
name:
- position: absolute
- top: 1rem
- font-weight: bold
- color: grey
tap_action:
haptic: medium
action: navigate
navigation_path: /lovelace/quartodecasal