Code
type: custom:vertical-stack-in-card
cards:
- type: entities
entities:
- type: custom:text-divider-row
text: LINKY
align: center
card_mod:
style: |
ha-card {
top: -15px;
background: none;
}
- type: custom:vertical-stack-in-card
horizontal: true
card_mod:
style: |
ha-card {
margin-top: -50px;
background: none;
}
cards:
- type: custom:mushroom-template-card
primary: Conso
secondary: ' '
icon: mdi:eye
icon_color: '#44739E'
fill_container: true
layout: horizontal
tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset;
--shape-color: rgba(32,32,32,0.2) !important;
}
.: |
ha-card {
background: none;
width: 130px;
}
- type: vertical-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: entity
entity: sensor.zlinky_current_summation_derived_one_minute
tap_action:
action: more-info
hold_action:
action: none
double_tap_action:
action: none
icon: mdi:home-lightning-bolt
content_info: state
icon_color: '#44739e'
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
- type: entity
entity: sensor.0x00158d0005d299cf_papp
tap_action:
action: more-info
hold_action:
action: none
double_tap_action:
action: none
icon: mdi:lightning-bolt-circle
icon_color: '#44739e'
content_info: state
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
- type: entity
entity: sensor.0x00158d0005d299cf_iinst
tap_action:
action: more-info
hold_action:
action: none
double_tap_action:
action: none
icon: mdi:lightning-bolt-circle
icon_color: '#44739e'
content_info: state
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
alignment: end
card_mod:
style: |
ha-card {top:60%;right:5%;margin-left: -100px;}
- type: custom:vertical-stack-in-card
horizontal: true
card_mod:
style: |
ha-card {
margin-top: -15px;
background: none;
}
cards:
- type: custom:mushroom-template-card
primary: Index
secondary: ' '
icon: mdi:transmission-tower
icon_color: '#44739E'
fill_container: true
layout: horizontal
tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset;
--shape-color: rgba(32,32,32,0.2) !important;
}
.: |
ha-card {
background: none;
width: 130px;
}
- type: vertical-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: template
icon: >
{% if
is_state('sensor.0x00158d0005d299cf_active_register_tier_delivered',
'HP..') %}
mdi:lightning-bolt
{% else %}
mdi:lightning-bolt-outline
{% endif %}
entity: sensor.0x00158d0005d299cf_active_register_tier_delivered
content: >
{% if
is_state('sensor.0x00158d0005d299cf_active_register_tier_delivered',
'HP..') %}
HP
{% else %}
HC
{% endif %}
icon_color: >-
{% if
is_state('sensor.0x00158d0005d299cf_active_register_tier_delivered',
'HP..') %}
red
{% else %}
green
{% endif %}
tap_action:
action: more-info
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
- type: template
icon: mdi:lightning-bolt
entity: sensor.0x00158d0005d299cf_hchp
content: 'HP: {{ states("sensor.0x00158d0005d299cf_hchp") |round(0) }}'
icon_color: red
tap_action:
action: more-info
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
- type: template
icon: mdi:lightning-bolt-outline
entity: sensor.0x00158d0005d299cf_hchc
content: 'HC: {{ states("sensor.0x00158d0005d299cf_hchc") |round(0) }}'
icon_color: green
tap_action:
action: more-info
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
alignment: end
card_mod:
style: |
ha-card {top:60%;right:5%;margin-left: -130px;}
- type: custom:vertical-stack-in-card
horizontal: true
card_mod:
style: |
ha-card {
margin-top: -15px;
background: none;
}
cards:
- type: custom:mushroom-template-card
primary: Total
secondary: ' '
icon: mdi:flash
icon_color: '#44739E'
fill_container: true
layout: horizontal
tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset;
--shape-color: rgba(32,32,32,0.2) !important;
}
.: |
ha-card {
background: none;
width: 130px;
}
- type: vertical-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: template
icon: mdi:matrix
icon_color: >
{% if
is_state('sensor.0x00158d0005d299cf_active_register_tier_delivered',
'HP..') %}
red
{% else %}
green
{% endif %}
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
browser_id: THIS
size: normal
style: |
--popup-border-radius: 10px;
--popup-padding-x: 5px;
--popup-padding-y: -15px;
content:
type: custom:vertical-stack-in-card
cards:
- type: picture
image: /local/images/wled.png
card_mod:
style: |
ha-card {
border-radius: 0px;
}
- type: custom:vertical-stack-in-card
horizontal: true
card_mod:
style: |
ha-card {
margin-top: -5px;
background: none;
}
cards:
- type: custom:mushroom-template-card
primary: IP interne
secondary: ' '
icon: mdi:ip-network
icon_color: '#44739E'
fill_container: true
layout: horizontal
tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset;
--shape-color: rgba(32,32,32,0.2) !important;
}
.: |
ha-card {
background: none;
width: 140px;
}
- type: vertical-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: template
icon: mdi:ip
entity: sensor.wled_ip
content: '{{ states("sensor.wled_ip") }}'
icon_color: '#44739E'
tap_action:
action: more-info
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
- type: template
entity: sensor.wled_wi_fi_signal
icon: mdi:wifi
icon_color: '#44739E'
content: >-
{{ states("sensor.wled_wi_fi_signal") }}
%
tap_action:
action: more-info
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
alignment: end
card_mod:
style: >
ha-card {top:60%;right:5%;margin-left:
-100px;}
- type: custom:vertical-stack-in-card
horizontal: true
card_mod:
style: |
ha-card {
margin-top: -15px;
background: none;
}
cards:
- type: custom:mushroom-template-card
primary: Statut
secondary: ' '
icon: mdi:clock-start
icon_color: '#44739E'
fill_container: true
layout: horizontal
tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset;
--shape-color: rgba(32,32,32,0.2) !important;
}
.: |
ha-card {
background: none;
}
- type: vertical-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: template
icon: mdi:wan
entity: device_tracker.wled
icon_color: >
{% if states("device_tracker.wled") ==
'home' %}
green
{% else %}
red
{% endif
%}
content: >
{% if states("device_tracker.wled") ==
"home" %}
Maison
{% else %}
Absent
{% endif %}
tap_action:
action: more-info
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
- type: template
icon: mdi:clock-start
entity: sensor.wled_uptime
icon_color: '#44739E'
content: >-
{% set uptime = (now()| as_timestamp -
states('sensor.wled_uptime') |
as_timestamp ) %} {% set jours = (uptime
/ 86400) | int(0) %} {%- if jours > 0
-%} {{ jours }}j {{ (uptime - (jours *
86400)) | int(0) | timestamp_custom('%Hh
%Mm', false) }} {%- else -%} {{ uptime |
int(0) | timestamp_custom('%Hh %Mm',
false) }} {%- endif -%}
tap_action:
action: more-info
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
alignment: end
card_mod:
style: |
ha-card {
top: 60%;
right: 5%;
}
- type: custom:vertical-stack-in-card
horizontal: true
card_mod:
style: |
ha-card {
margin-top: -15px;
background: none;
}
cards:
- type: custom:mushroom-template-card
primary: Led
secondary: ' '
icon: mdi:led-strip-variant
icon_color: '#44739E'
fill_container: true
layout: horizontal
tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset;
--shape-color: rgba(32,32,32,0.2) !important;
}
.: |
ha-card {
background: none;
width: 110px;
}
- type: vertical-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: template
entity: sensor.wled_led_count
icon: mdi:led-strip
icon_color: '#44739E'
content: '{{ states("sensor.wled_led_count") }}'
tap_action:
action: more-info
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
- type: template
entity: sensor.wled_estimated_current
icon: mdi:current-ac
icon_color: '#44739E'
content: >-
{{
states("sensor.wled_estimated_current")
}} mA
tap_action:
action: more-info
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
- type: action
icon_color: '#44739E'
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
icon: mdi:slash-forward
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
- type: template
entity: sensor.wled_max_current
icon: mdi:current-ac
icon_color: '#44739E'
content: >-
{{ states("sensor.wled_max_current") }}
mA
tap_action:
action: more-info
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
alignment: end
card_mod:
style: >
ha-card {top:60%;right:5%;margin-left:
-130px;}
- type: entities
entities:
- type: custom:text-divider-row
text: Paramètres
align: center
card_mod:
style: |
ha-card {
margin-top: -25px;
margin-bottom: -30px;
background: none;
}
- type: custom:vertical-stack-in-card
horizontal: true
card_mod:
style: |
ha-card {
margin-top: -25px;
background: none;
}
cards:
- type: custom:mushroom-template-card
primary: WLED Matrix
secondary: ' '
icon: mdi:led-strip-variant
icon_color: '#44739E'
fill_container: true
layout: horizontal
tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset;
--shape-color: rgba(32,32,32,0.2) !important;
}
.: |
ha-card {
background: none;
width: 160px;
}
- type: vertical-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: template
icon: mdi:led-strip-variant
entity: light.wled
icon_color: >
{% if states("light.wled") == 'on' %}
green
{% else %}
red
{% endif
%}
content: |
{% if is_state('light.wled','on') %}
Allumé
{% else %}
Éteint
{% endif %}
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
- type: template
entity: automation.wled_matrix_hphc
icon: mdi:robot
icon_color: >
{% if
states("automation.wled_matrix_hphc") ==
'on' %}
green
{% else %}
red
{% endif
%}
content: >
{% if
is_state('automation.wled_matrix_hphc','on')
%}
Allumé
{% else %}
Éteint
{% endif %}
tap_action:
action: more-info
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
alignment: end
card_mod:
style: >
ha-card {top:60%;right:5%;margin-left:
-100px;}
- type: custom:mushroom-number-card
entity: number.wled_intensity
layout: horizontal
display_mode: buttons
icon_color: '#44739e'
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset;
--shape-color: rgba(32,32,32,0.2) !important;
}
mushroom-number-value-control$:
mushroom-input-number$: |
#container {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset;
border-radius: 25px;
width: 65%;
margin-left: 90px;
}
.: |
ha-card {
margin-top: -15px;
background: none;
}
- type: custom:mushroom-number-card
entity: number.wled_speed
layout: horizontal
display_mode: buttons
icon_color: '#44739E'
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset;
--shape-color: rgba(32,32,32,0.2) !important;
}
mushroom-number-value-control$:
mushroom-input-number$: |
#container {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset;
border-radius: 25px;
width: 65%;
margin-left: 90px;
}
.: |
ha-card {
margin-top: -15px;
margin-bottom: -12px;
background: none;
}
- type: custom:vertical-stack-in-card
horizontal: true
card_mod:
style: |
ha-card {
background: none;
}
cards:
- type: custom:mushroom-select-card
entity: select.wled_preset
layout: horizontal
icon_color: '#44739E'
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
--shape-color: rgba(32,32,32,0.2) !important;
}
mushroom-select-option-control$:
mushroom-select$: |
.mdc-select__anchor{
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
border-radius: 25px !important;
}
.mdc-line-ripple::before,
.mdc-line-ripple::after {
border-bottom-style: none !important;
}
.: |
ha-card {
background: none;
}
- type: custom:vertical-stack-in-card
horizontal: true
card_mod:
style: |
ha-card {
margin-top: -17px;
background: none;
}
cards:
- type: custom:mushroom-template-card
primary: WLED Texte
secondary: ' '
icon: mdi:text
icon_color: '#44739E'
fill_container: true
layout: horizontal
tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset;
--shape-color: rgba(32,32,32,0.2) !important;
}
.: |
ha-card {
background: none;
width: 160px;
}
- type: vertical-stack
cards:
- type: entities
entities:
- entity: input_text.wled_matrix_text
icon: ' '
state_color: true
show_header_toggle: false
card_mod:
style: |
ha-card {
background: none;
margin-left: -130px;
margin-bottom: -5px;
}
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
- type: template
icon: mdi:gauge-full
entity: sensor.zlinky_metering_hc_hp_sum
content: >-
{{ (states('sensor.zlinky_metering_hc_hp_sum') |int(0) /1000 )
| round(0) }}
icon_color: '#44739E'
tap_action:
action: more-info
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
- type: template
icon: mdi:zigbee
entity: sensor.0x00158d0005d299cf_hchc
content: >-
{{ state_attr("sensor.0x00158d0005d299cf_papp","linkquality")
}}
icon_color: '#44739E'
tap_action:
action: more-info
card_mod:
style: |
ha-card {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
border: 1px rgba(0,0,0,1.0) outset !important;
}
alignment: end
card_mod:
style: |
ha-card {top:60%;right:5%;margin-left: -130px;}
- type: custom:energy-overview-card
entities:
- power: sensor.zlinky_current_summation_derived_one_minute
current: sensor.0x00158d0005d299cf_iinst
label_leading: Enedis
label_trailing: Maison
icon_leading: mdi:transmission-tower
icon_trailing: mdi:home-lightning-bolt
color: '#488fc2'
animation:
power: 1000
min_duration: 1
max_duration: 10
card_mod:
style: |
:host {
--card-mod-icon-color: #44739e;
--mdc-icon-size: 26px;
}
ha-card {
margin-top: -10px;
background: transparent;
}
- type: custom:mod-card
card_mod:
style:
.: |
ha-card {
margin: -20px 10px 0px 0px;
}
card:
type: energy-date-selection
card_mod:
style:
hui-energy-period-selector$:
mwc-button$: |
#button {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
border: 1px rgba(0,0,0,1.0) outset;
border-radius: 25px;
}
.: |
ha-card {
background: none;
}
- type: energy-usage-graph
card_mod:
style: |
ha-card {
--divider-color: #44739e;
margin-top: -20px;
background: transparent;
}
- type: energy-sources-table
card_mod:
style: |
ha-card {
box-shadow: none;
margin-top: -19px;
}
card_mod:
style: |
ha-card {
box-shadow: 0 0 0 1px gray;
overflow: visible !important;
}