Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- type: vertical-stack
- cards:
- - type: custom:layout-card
- layout_type: custom:grid-layout
- layout:
- grid-template-columns: auto 33px
- margin: '-4px -4px -16px -4px'
- padding: 0px
- cards:
- - type: custom:mod-card
- card:
- type: custom:mushroom-title-card
- title: null
- subtitle: Temperature
- card_mod:
- style:
- mushroom-title-card:
- $: |
- h1 {
- --primary-text-color: rgb(var(--rgb-grey));
- --title-font-size: 15px;
- --title-font-weight: bolder;
- }
- h2 {
- --secondary-text-color: rgb(var(--rgb-grey));
- --subtitle-font-size: 13px;
- --subtitle-font-weight: Lighter;
- }
- .header {
- --title-padding: 4px 18px 4px 18px;
- }
- - type: custom:mushroom-chips-card
- chips:
- - type: template
- entity: input_boolean.temperature_dropdown
- icon: >-
- {{ 'mdi:chevron-down' if is_state(entity, 'off') else
- 'mdi:chevron-up' }}
- icon_color: disabled
- hold_action:
- action: none
- card_mod:
- style: |
- ha-card {
- --chip-background: none;
- --chip-box-shadow: none;
- margin-top: -6px;
- margin-left: -20px;
- }
- - type: conditional
- conditions:
- - entity: input_boolean.temperature_dropdown
- state: 'on'
- card:
- type: custom:layout-card
- layout_type: masonry
- layout:
- margin: 0 -1px -8px -1px
- padding: 0px
- cards:
- - type: custom:stack-in-card
- cards:
- - type: custom:stack-in-card
- mode: horizontal
- cards:
- - type: custom:layout-card
- layout_type: custom:grid-layout
- layout:
- grid-template-columns: 120px auto 76px
- margin: '-4px -4px -8px -4px'
- padding: 0px
- cards:
- - type: custom:mushroom-chips-card
- chips:
- - type: template
- content: Outdoor
- icon: mdi:tree
- icon_color: blue
- card_mod:
- style: |
- ha-card {
- margin-left: 8px;
- }
- tap_action:
- action: fire-dom-event
- browser_mod:
- service: browser_mod.popup
- data:
- style: >
- --popup-max-width: 600px;
- --popup-min-width: 400px;
- --popup-border-width: 1px;
- --popup-border-radius: 12px;
- --dialog-backdrop-filter: blur(0.8em)
- brightness(1.2);
- content:
- type: custom:stack-in-card
- cards:
- - type: custom:mushroom-template-card
- primary: Outdoor
- icon: mdi:tree
- icon_color: blue
- tap_action:
- action: none
- - type: custom:mini-graph-card
- entities:
- - entity: sensor.outdoor_temperature
- name: Outdoor
- - color: gray
- entity: sensor.nightstate
- name: Night
- show_line: false
- show_points: false
- show_legend: false
- y_axis: secondary
- align_state: right
- font_size: 80
- hours_to_show: 168
- points_per_hour: 0.5
- hour24: true
- line_width: 1
- animate: true
- show:
- average: true
- extrema: true
- icon: false
- labels: false
- labels_secondary: false
- name: false
- points: false
- state: true
- color_thresholds:
- - value: 5
- color: '#125df3'
- - value: 15
- color: '#f3c212'
- - value: 25
- color: '#f34a12'
- card_mod:
- style: |
- ha-card {
- margin-top: -66px;
- }
- hold_action:
- action: none
- double_tap_action:
- action: none
- - type: custom:mini-graph-card
- entities:
- - entity: sensor.outdoor_temperature
- height: 118
- hours_to_show: 168
- points_per_hour: 0.5
- line_width: 2
- animate: true
- show:
- extrema: false
- icon: false
- labels: false
- labels_secondary: false
- name: false
- state: false
- fill: false
- points: false
- color_thresholds:
- - value: 5
- color: '#125df3'
- - value: 15
- color: '#f3c212'
- - value: 25
- color: '#f34a12'
- card_mod:
- style: |
- ha-card {
- margin-top: -12px;
- border-radius: 0px;
- }
- - type: custom:mushroom-chips-card
- chips:
- - type: template
- content: '{{ states("sensor.outdoor_temperature") }} °C'
- card_mod:
- style: >-
- {% if
- is_state("binary_sensor.outdoor_high_temperature_warning",
- "on") %}
- ha-card {
- animation: blink 1s linear infinite;
- --text-color: rgb(var(--rgb-red));
- }
- {% elif
- is_state("binary_sensor.outdoor_low_temperature_warning",
- "on") %}
- ha-card {
- animation: blink 1s linear infinite;
- --text-color: rgb(var(--rgb-blue));
- }
- {% endif %}
- @keyframes blink {
- 50% {opacity: 0;}
- }
- tap_action:
- action: none
- hold_action:
- action: none
- double_tap_action:
- action: none
- alignment: end
- card_mod:
- style: |
- ha-card {
- margin-right: 8px;
- }
- card_mod:
- style: |
- ha-card {
- margin-bottom: -30px;
- }
- card_mod:
- style: |
- ha-card {
- --ha-card-box-shadow: 0px;
- }
- - type: custom:stack-in-card
- cards:
- - type: custom:stack-in-card
- mode: horizontal
- cards:
- - type: custom:layout-card
- layout_type: custom:grid-layout
- layout:
- grid-template-columns: 120px auto 76px
- margin: '-4px -4px -8px -4px'
- padding: 0px
- cards:
- - type: custom:mushroom-chips-card
- chips:
- - type: template
- content: Office
- icon: mdi:chair-rolling
- icon_color: blue
- card_mod:
- style: |
- ha-card {
- margin-left: 8px;
- }
- tap_action:
- action: fire-dom-event
- browser_mod:
- service: browser_mod.popup
- data:
- style: >
- --popup-max-width: 600px; --popup-min-width:
- 400px; --popup-border-width: 1px;
- --popup-border-radius: 12px;
- --dialog-backdrop-filter: blur(0.8em)
- brightness(1.2);
- content:
- type: custom:stack-in-card
- cards:
- - type: custom:mushroom-template-card
- primary: Office
- icon: mdi:chair-rolling
- icon_color: blue
- tap_action:
- action: none
- - type: custom:mini-graph-card
- entities:
- - entity: sensor.office_temperature
- name: Office
- - color: gray
- entity: sensor.nightstate
- name: Night
- show_line: false
- show_points: false
- show_legend: false
- y_axis: secondary
- align_state: right
- font_size: 80
- hours_to_show: 168
- points_per_hour: 0.5
- hour24: true
- line_width: 1
- animate: true
- show:
- average: true
- extrema: true
- icon: false
- labels: false
- labels_secondary: false
- name: false
- points: false
- state: true
- color_thresholds:
- - value: 18
- color: '#125df3'
- - value: 20
- color: '#f3c212'
- - value: 22
- color: '#f34a12'
- card_mod:
- style: |
- ha-card {
- margin-top: -66px;
- }
- hold_action:
- action: none
- double_tap_action:
- action: none
- - type: custom:mini-graph-card
- entities:
- - entity: sensor.office_temperature
- height: 118
- hours_to_show: 168
- points_per_hour: 0.5
- line_width: 2
- animate: true
- show:
- extrema: false
- icon: false
- labels: false
- labels_secondary: false
- name: false
- state: false
- fill: false
- points: false
- color_thresholds:
- - value: 18
- color: '#125df3'
- - value: 20
- color: '#f3c212'
- - value: 22
- color: '#f34a12'
- card_mod:
- style: |
- ha-card {
- margin-top: -12px;
- border-radius: 0px;
- }
- - type: custom:mushroom-chips-card
- chips:
- - type: template
- content: '{{ states(''sensor.office_temperature'') }} °C'
- card_mod:
- style: >-
- {% if
- is_state("binary_sensor.office_high_temperature_warning",
- "on") %}
- ha-card {
- animation: blink 1s linear infinite;
- --text-color: rgb(var(--rgb-red));
- }
- {% elif
- is_state("binary_sensor.office_low_temperature_warning",
- "on") %}
- ha-card {
- animation: blink 1s linear infinite;
- --text-color: rgb(var(--rgb-blue));
- }
- {% endif %}
- @keyframes blink {
- 50% {opacity: 0;}
- }
- tap_action:
- action: none
- hold_action:
- action: none
- double_tap_action:
- action: none
- alignment: end
- card_mod:
- style: |
- ha-card {
- margin-right: 8px;
- }
- card_mod:
- style: |
- ha-card {
- margin-bottom: -30px;
- }
- card_mod:
- style: |
- ha-card {
- --ha-card-box-shadow: 0px;
- }
- - type: custom:stack-in-card
- cards:
- - type: custom:stack-in-card
- mode: horizontal
- cards:
- - type: custom:layout-card
- layout_type: custom:grid-layout
- layout:
- grid-template-columns: 120px auto 76px
- margin: '-4px -4px -8px -4px'
- padding: 0px
- cards:
- - type: custom:mushroom-chips-card
- chips:
- - type: template
- content: Hallway
- icon: mdi:stairs
- icon_color: blue
- card_mod:
- style: |
- ha-card {
- margin-left: 8px;
- }
- tap_action:
- action: fire-dom-event
- browser_mod:
- service: browser_mod.popup
- data:
- style: >
- --popup-max-width: 600px;
- --popup-min-width: 400px;
- --popup-border-width: 1px;
- --popup-border-radius: 12px;
- --dialog-backdrop-filter: blur(0.8em)
- brightness(1.2);
- content:
- type: custom:stack-in-card
- cards:
- - type: custom:mushroom-template-card
- primary: Hallway
- icon: mdi:stairs
- icon_color: blue
- tap_action:
- action: none
- - type: custom:mini-graph-card
- entities:
- - entity: sensor.hallway_temperature
- name: Hallway
- - color: gray
- entity: sensor.nightstate
- name: Night
- show_line: false
- show_points: false
- show_legend: false
- y_axis: secondary
- align_state: right
- font_size: 80
- hours_to_show: 168
- points_per_hour: 0.5
- hour24: true
- line_width: 1
- animate: true
- show:
- average: true
- extrema: true
- icon: false
- labels: false
- labels_secondary: false
- name: false
- points: false
- state: true
- color_thresholds:
- - value: 18
- color: '#125df3'
- - value: 20
- color: '#f3c212'
- - value: 22
- color: '#f34a12'
- card_mod:
- style: |
- ha-card {
- margin-top: -66px;
- }
- hold_action:
- action: none
- double_tap_action:
- action: none
- - type: custom:mini-graph-card
- entities:
- - entity: sensor.hallway_temperature
- height: 118
- hours_to_show: 168
- points_per_hour: 0.5
- line_width: 2
- animate: true
- show:
- extrema: false
- icon: false
- labels: false
- labels_secondary: false
- name: false
- state: false
- fill: false
- points: false
- color_thresholds:
- - value: 18
- color: '#125df3'
- - value: 20
- color: '#f3c212'
- - value: 22
- color: '#f34a12'
- card_mod:
- style: |
- ha-card {
- margin-top: -12px;
- border-radius: 0px;
- }
- - type: custom:mushroom-chips-card
- chips:
- - type: template
- content: '{{ states(''sensor.hallway_temperature'') }} °C'
- card_mod:
- style: >-
- {% if
- is_state("binary_sensor.hallway_high_temperature_warning",
- "on") %}
- ha-card {
- animation: blink 1s linear infinite;
- --text-color: rgb(var(--rgb-red));
- }
- {% elif
- is_state("binary_sensor.hallway_low_temperature_warning",
- "on") %}
- ha-card {
- animation: blink 1s linear infinite;
- --text-color: rgb(var(--rgb-blue));
- }
- {% endif %}
- @keyframes blink {
- 50% {opacity: 0;}
- }
- tap_action:
- action: none
- hold_action:
- action: none
- double_tap_action:
- action: none
- alignment: end
- card_mod:
- style: |
- ha-card {
- margin-right: 8px;
- }
- card_mod:
- style: |
- ha-card {
- margin-bottom: -30px;
- }
- card_mod:
- style: |
- ha-card {
- --ha-card-box-shadow: 0px;
- }
- - type: custom:stack-in-card
- cards:
- - type: custom:stack-in-card
- mode: horizontal
- cards:
- - type: custom:layout-card
- layout_type: custom:grid-layout
- layout:
- grid-template-columns: 120px auto 76px
- margin: '-4px -4px -8px -4px'
- padding: 0px
- cards:
- - type: custom:mushroom-chips-card
- chips:
- - type: template
- content: Kitchen
- icon: mdi:fridge
- icon_color: blue
- card_mod:
- style: |
- ha-card {
- margin-left: 8px;
- }
- tap_action:
- action: fire-dom-event
- browser_mod:
- service: browser_mod.popup
- data:
- style: >
- --popup-max-width: 600px;
- --popup-min-width: 400px;
- --popup-border-width: 1px;
- --popup-border-radius: 12px;
- --dialog-backdrop-filter: blur(0.8em)
- brightness(1.2);
- content:
- type: custom:stack-in-card
- cards:
- - type: custom:mushroom-template-card
- primary: Kitchen
- icon: mdi:fridge
- icon_color: blue
- tap_action:
- action: none
- - type: custom:mini-graph-card
- entities:
- - entity: sensor.kitchen_temperature
- name: Kitchen
- - color: gray
- entity: sensor.nightstate
- name: Night
- show_line: false
- show_points: false
- show_legend: false
- y_axis: secondary
- align_state: right
- font_size: 80
- hours_to_show: 168
- points_per_hour: 0.5
- hour24: true
- line_width: 1
- animate: true
- show:
- average: true
- extrema: true
- icon: false
- labels: false
- labels_secondary: false
- name: false
- points: false
- state: true
- color_thresholds:
- - value: 18
- color: '#125df3'
- - value: 20
- color: '#f3c212'
- - value: 22
- color: '#f34a12'
- card_mod:
- style: |
- ha-card {
- margin-top: -66px;
- }
- hold_action:
- action: none
- double_tap_action:
- action: none
- - type: custom:mini-graph-card
- entities:
- - entity: sensor.kitchen_temperature
- height: 118
- hours_to_show: 168
- points_per_hour: 0.5
- line_width: 2
- animate: true
- show:
- extrema: false
- icon: false
- labels: false
- labels_secondary: false
- name: false
- state: false
- fill: false
- points: false
- color_thresholds:
- - value: 18
- color: '#125df3'
- - value: 20
- color: '#f3c212'
- - value: 22
- color: '#f34a12'
- card_mod:
- style: |
- ha-card {
- margin-top: -12px;
- border-radius: 0px;
- }
- - type: custom:mushroom-chips-card
- chips:
- - type: template
- content: '{{ states(''sensor.kitchen_temperature'') }} °C'
- card_mod:
- style: >-
- {% if
- is_state("binary_sensor.kitchen_high_temperature_warning",
- "on") %}
- ha-card {
- animation: blink 1s linear infinite;
- --text-color: rgb(var(--rgb-red));
- }
- {% elif
- is_state("binary_sensor.kitchen_low_temperature_warning",
- "on") %}
- ha-card {
- animation: blink 1s linear infinite;
- --text-color: rgb(var(--rgb-blue));
- }
- {% endif %}
- @keyframes blink {
- 50% {opacity: 0;}
- }
- tap_action:
- action: none
- hold_action:
- action: none
- double_tap_action:
- action: none
- alignment: end
- card_mod:
- style: |
- ha-card {
- margin-right: 8px;
- }
- card_mod:
- style: |
- ha-card {
- margin-bottom: -30px;
- }
- card_mod:
- style: |
- ha-card {
- --ha-card-box-shadow: 0px;
- }
- - type: custom:swipe-card
- parameters:
- spaceBetween: 8
- cards:
- - type: custom:stack-in-card
- cards:
- - type: custom:mushroom-template-card
- primary: Temperature
- icon: mdi:thermometer
- icon_color: blue
- tap_action:
- action: none
- - type: custom:mini-graph-card
- entities:
- - entity: sensor.hallway_temperature
- name: Hallway
- - entity: sensor.office_temperature
- name: Office
- - entity: sensor.kitchen_temperature
- name: Kitchen
- - color: gray
- entity: sensor.nightstate
- name: Night
- show_line: false
- show_points: false
- show_legend: false
- y_axis: secondary
- align_state: right
- font_size: 80
- hours_to_show: 168
- points_per_hour: 0.5
- hour24: true
- line_width: 1
- animate: true
- show:
- average: true
- extrema: true
- icon: false
- labels: false
- labels_secondary: false
- name: false
- points: false
- state: true
- card_mod:
- style: |
- ha-card {
- margin-top: -66px;
- }
- - type: custom:stack-in-card
- cards:
- - type: custom:mushroom-template-card
- primary: Outdoor
- icon: mdi:tree
- icon_color: blue
- tap_action:
- action: none
- - type: custom:mini-graph-card
- entities:
- - entity: sensor.outdoor_temperature
- name: Outdoor
- - color: gray
- entity: sensor.nightstate
- name: Night
- show_line: false
- show_points: false
- y_axis: secondary
- align_state: right
- font_size: 80
- hours_to_show: 168
- points_per_hour: 0.5
- hour24: true
- line_width: 1
- animate: true
- show:
- average: true
- extrema: true
- icon: false
- labels: false
- labels_secondary: false
- name: false
- points: false
- state: true
- card_mod:
- style: |
- ha-card {
- margin-top: -66px;
- }
- - type: custom:stack-in-card
- cards:
- - type: custom:mushroom-template-card
- primary: Office
- icon: mdi:chair-rolling
- icon_color: blue
- tap_action:
- action: none
- - type: custom:mini-graph-card
- entities:
- - entity: sensor.office_temperature
- name: Office
- - color: gray
- entity: sensor.nightstate
- name: Night
- show_line: false
- show_points: false
- show_legend: true
- y_axis: secondary
- align_state: right
- font_size: 80
- hours_to_show: 168
- points_per_hour: 0.5
- hour24: true
- line_width: 1
- animate: true
- show:
- average: true
- extrema: true
- icon: false
- labels: false
- labels_secondary: false
- name: false
- points: false
- state: true
- card_mod:
- style: |
- ha-card {
- margin-top: -66px;
- }
- - type: custom:stack-in-card
- cards:
- - type: custom:mushroom-template-card
- primary: Hallway
- icon: mdi:stairs
- icon_color: blue
- tap_action:
- action: none
- - type: custom:mini-graph-card
- entities:
- - entity: sensor.hallway_temperature
- name: Hallway
- - color: gray
- entity: sensor.nightstate
- name: Night
- show_line: false
- show_points: false
- show_legend: true
- y_axis: secondary
- align_state: right
- font_size: 80
- hours_to_show: 168
- points_per_hour: 0.5
- hour24: true
- line_width: 1
- animate: true
- show:
- average: true
- extrema: true
- icon: false
- labels: false
- labels_secondary: false
- name: false
- points: false
- state: true
- card_mod:
- style: |
- ha-card {
- margin-top: -66px;
- }
- - type: custom:stack-in-card
- cards:
- - type: custom:mushroom-template-card
- primary: Kitchen
- icon: mdi:fridge
- icon_color: blue
- tap_action:
- action: none
- - type: custom:mini-graph-card
- entities:
- - entity: sensor.kitchen_temperature
- name: Kitchen
- - color: gray
- entity: sensor.nightstate
- name: Night
- show_line: false
- show_points: false
- show_legend: true
- y_axis: secondary
- align_state: right
- font_size: 80
- hours_to_show: 168
- points_per_hour: 0.5
- hour24: true
- line_width: 1
- animate: true
- show:
- average: true
- extrema: true
- icon: false
- labels: false
- labels_secondary: false
- name: false
- points: false
- state: true
- card_mod:
- style: |
- ha-card {
- margin-top: -66px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement