Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- type: custom:stack-in-card
- title: Temperatures
- cards:
- - type: entities
- entities:
- - entity: sensor.netatmo_outdoor_temperature
- name: Outside
- card_mod:
- style: |
- hui-generic-entity-row {
- background:
- /* RANGE: -10 to 40 */
- {% set value100 = states(config.entity) | float(1) %}
- /* Clamp value to -10..40 for safety */
- {% set valueC = ((value100 + 10) / 50) %}
- {% set value = valueC * 100 %}
- /* Palette: All colors are "dark" and not too light! */
- {% if value100 >= 37 %} {% set bar = '175,30,44' %} /* Very Hot - deep blood red */
- {% elif value100 >= 32 %} {% set bar = '200,60,40' %} /* Hot - burnt red/orange */
- {% elif value100 >= 27 %} {% set bar = '180,92,32' %} /* Warm - dark gold/bronze */
- {% elif value100 >= 20 %} {% set bar = '27,98,55' %} /* Ideal warm - deep green */
- {% elif value100 >= 15 %} {% set bar = '27,86,128' %} /* Cool - deep teal/blue-green */
- {% elif value100 >= 5 %} {% set bar = '26,70,180' %} /* Cool - dark blue */
- {% else %} {% set bar = '16,42,120' %} /* Cold - navy/blue-black */
- {% endif %}
- linear-gradient(95deg,
- rgba({{bar}},0.93) 0%,
- rgba({{bar}},0.93) {{value}}%,
- rgba({{bar}},0.55) {{value}}%,
- rgba(12,14,18,0.42) 100%
- ),
- /* --- Gloss/metallic overlay (subtle) --- */
- linear-gradient(120deg,
- rgba(255,255,255,0.11) 7%,
- rgba(255,255,255,0.06) 13%,
- rgba(255,255,255,0.00) 38%,
- rgba(255,255,255,0.08) 47%,
- rgba(255,255,255,0.00) 70%,
- rgba(255,255,255,0.09) 82%,
- rgba(255,255,255,0.00) 100%
- ),
- /* --- Optional: Brushed lines for "metal" --- */
- repeating-linear-gradient(100deg, rgba(255,255,255,0.011) 0 2px, rgba(0,0,0,0.015) 2px 6px)
- ;
- }
- - entity: sensor.entrance_motion_sensor_temperature
- name: Entrance
- card_mod:
- style: |
- hui-generic-entity-row {
- background:
- /* RANGE: -10 to 40 */
- {% set value100 = states(config.entity) | float(1) %}
- /* Clamp value to -10..40 for safety */
- {% set valueC = ((value100 + 10) / 50) %}
- {% set value = valueC * 100 %}
- /* Palette: All colors are "dark" and not too light! */
- {% if value100 >= 37 %} {% set bar = '175,30,44' %} /* Very Hot - deep blood red */
- {% elif value100 >= 32 %} {% set bar = '200,60,40' %} /* Hot - burnt red/orange */
- {% elif value100 >= 27 %} {% set bar = '180,92,32' %} /* Warm - dark gold/bronze */
- {% elif value100 >= 20 %} {% set bar = '27,98,55' %} /* Ideal warm - deep green */
- {% elif value100 >= 15 %} {% set bar = '27,86,128' %} /* Cool - deep teal/blue-green */
- {% elif value100 >= 5 %} {% set bar = '26,70,180' %} /* Cool - dark blue */
- {% else %} {% set bar = '16,42,120' %} /* Cold - navy/blue-black */
- {% endif %}
- linear-gradient(95deg,
- rgba({{bar}},0.93) 0%,
- rgba({{bar}},0.93) {{value}}%,
- rgba({{bar}},0.55) {{value}}%,
- rgba(12,14,18,0.42) 100%
- ),
- /* --- Gloss/metallic overlay (subtle) --- */
- linear-gradient(120deg,
- rgba(255,255,255,0.11) 7%,
- rgba(255,255,255,0.06) 13%,
- rgba(255,255,255,0.00) 38%,
- rgba(255,255,255,0.08) 47%,
- rgba(255,255,255,0.00) 70%,
- rgba(255,255,255,0.09) 82%,
- rgba(255,255,255,0.00) 100%
- ),
- /* --- Optional: Brushed lines for "metal" --- */
- repeating-linear-gradient(100deg, rgba(255,255,255,0.011) 0 2px, rgba(0,0,0,0.015) 2px 6px)
- ;
- }
- - type: entities
- entities:
- - entity: sensor.netatmo_living_room_temperature
- name: Bedroom
- card_mod:
- style: |
- hui-generic-entity-row {
- background:
- /* RANGE: 10 to 30 */
- {% set value100 = states(config.entity) | float(1) %}
- {% set valueC = ((value100 - 10) / 20) %}
- {% set value = valueC * 100 %}
- /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
- {% if value100 >= 28 %} {% set bar = '187,36,36' %} /* Very Hot - Deep Red */
- {% elif value100 >= 26 %} {% set bar = '219,90,33' %} /* Hot - Dark Orange */
- {% elif value100 >= 25 %} {% set bar = '218,150,43' %} /* Warm - Dark Amber */
- {% elif value100 >= 23 %} {% set bar = '40,168,85' %} /* Ideal - Dark Green */
- {% elif value100 >= 20 %} {% set bar = '33,128,76' %} /* Ideal - Even Darker Green */
- {% elif value100 >= 18 %} {% set bar = '22,98,120' %} /* Cool - Teal */
- {% elif value100 >= 15 %} {% set bar = '30,50,112' %} /* Cool - Deep Blue */
- {% else %} {% set bar = '20,28,65' %} /* Cold - Almost Black Blue */
- {% endif %}
- linear-gradient(95deg,
- rgba({{bar}},0.94) 0%,
- rgba({{bar}},0.92) {{value}}%,
- rgba({{bar}},0.60) {{value}}%,
- rgba(18,18,26,0.65) 100%
- );
- }
- - entity: sensor.living_room_temperature_thermostat
- name: Living Room
- card_mod:
- style: |
- hui-generic-entity-row {
- background:
- /* RANGE: 10 to 30 */
- {% set value100 = states(config.entity) | float(1) %}
- {% set valueC = ((value100 - 10) / 20) %}
- {% set value = valueC * 100 %}
- /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
- {% if value100 >= 28 %} {% set bar = '187,36,36' %} /* Very Hot - Deep Red */
- {% elif value100 >= 26 %} {% set bar = '219,90,33' %} /* Hot - Dark Orange */
- {% elif value100 >= 25 %} {% set bar = '218,150,43' %} /* Warm - Dark Amber */
- {% elif value100 >= 23 %} {% set bar = '40,168,85' %} /* Ideal - Dark Green */
- {% elif value100 >= 20 %} {% set bar = '33,128,76' %} /* Ideal - Even Darker Green */
- {% elif value100 >= 18 %} {% set bar = '22,98,120' %} /* Cool - Teal */
- {% elif value100 >= 15 %} {% set bar = '30,50,112' %} /* Cool - Deep Blue */
- {% else %} {% set bar = '20,28,65' %} /* Cold - Almost Black Blue */
- {% endif %}
- linear-gradient(95deg,
- rgba({{bar}},0.94) 0%,
- rgba({{bar}},0.92) {{value}}%,
- rgba({{bar}},0.60) {{value}}%,
- rgba(18,18,26,0.65) 100%
- );
- }
- - entity: sensor.hallway_motion_sensor_temperature
- name: Hallway
- card_mod:
- style: |
- hui-generic-entity-row {
- background:
- /* RANGE: 10 to 30 */
- {% set value100 = states(config.entity) | float(1) %}
- {% set valueC = ((value100 - 10) / 20) %}
- {% set value = valueC * 100 %}
- /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
- {% if value100 >= 28 %} {% set bar = '187,36,36' %} /* Very Hot - Deep Red */
- {% elif value100 >= 26 %} {% set bar = '219,90,33' %} /* Hot - Dark Orange */
- {% elif value100 >= 25 %} {% set bar = '218,150,43' %} /* Warm - Dark Amber */
- {% elif value100 >= 23 %} {% set bar = '40,168,85' %} /* Ideal - Dark Green */
- {% elif value100 >= 20 %} {% set bar = '33,128,76' %} /* Ideal - Even Darker Green */
- {% elif value100 >= 18 %} {% set bar = '22,98,120' %} /* Cool - Teal */
- {% elif value100 >= 15 %} {% set bar = '30,50,112' %} /* Cool - Deep Blue */
- {% else %} {% set bar = '20,28,65' %} /* Cold - Almost Black Blue */
- {% endif %}
- linear-gradient(95deg,
- rgba({{bar}},0.94) 0%,
- rgba({{bar}},0.92) {{value}}%,
- rgba({{bar}},0.60) {{value}}%,
- rgba(18,18,26,0.65) 100%
- );
- }
- - entity: sensor.kitchen_temperature
- name: Kitchen
- card_mod:
- style: |
- hui-generic-entity-row {
- background:
- /* RANGE: 10 to 30 */
- {% set value100 = states(config.entity) | float(1) %}
- {% set valueC = ((value100 - 10) / 20) %}
- {% set value = valueC * 100 %}
- /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
- {% if value100 >= 28 %} {% set bar = '187,36,36' %} /* Very Hot - Deep Red */
- {% elif value100 >= 26 %} {% set bar = '219,90,33' %} /* Hot - Dark Orange */
- {% elif value100 >= 25 %} {% set bar = '218,150,43' %} /* Warm - Dark Amber */
- {% elif value100 >= 23 %} {% set bar = '40,168,85' %} /* Ideal - Dark Green */
- {% elif value100 >= 20 %} {% set bar = '33,128,76' %} /* Ideal - Even Darker Green */
- {% elif value100 >= 18 %} {% set bar = '22,98,120' %} /* Cool - Teal */
- {% elif value100 >= 15 %} {% set bar = '30,50,112' %} /* Cool - Deep Blue */
- {% else %} {% set bar = '20,28,65' %} /* Cold - Almost Black Blue */
- {% endif %}
- linear-gradient(95deg,
- rgba({{bar}},0.94) 0%,
- rgba({{bar}},0.92) {{value}}%,
- rgba({{bar}},0.60) {{value}}%,
- rgba(18,18,26,0.65) 100%
- );
- }
- - entity: sensor.toilet_motion_sensor_temperature
- name: Toilet
- card_mod:
- style: |
- hui-generic-entity-row {
- background:
- /* RANGE: 10 to 30 */
- {% set value100 = states(config.entity) | float(1) %}
- {% set valueC = ((value100 - 10) / 20) %}
- {% set value = valueC * 100 %}
- /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
- {% if value100 >= 28 %} {% set bar = '187,36,36' %} /* Very Hot - Deep Red */
- {% elif value100 >= 26 %} {% set bar = '219,90,33' %} /* Hot - Dark Orange */
- {% elif value100 >= 25 %} {% set bar = '218,150,43' %} /* Warm - Dark Amber */
- {% elif value100 >= 23 %} {% set bar = '40,168,85' %} /* Ideal - Dark Green */
- {% elif value100 >= 20 %} {% set bar = '33,128,76' %} /* Ideal - Even Darker Green */
- {% elif value100 >= 18 %} {% set bar = '22,98,120' %} /* Cool - Teal */
- {% elif value100 >= 15 %} {% set bar = '30,50,112' %} /* Cool - Deep Blue */
- {% else %} {% set bar = '20,28,65' %} /* Cold - Almost Black Blue */
- {% endif %}
- linear-gradient(95deg,
- rgba({{bar}},0.94) 0%,
- rgba({{bar}},0.92) {{value}}%,
- rgba({{bar}},0.60) {{value}}%,
- rgba(18,18,26,0.65) 100%
- );
- }
- - entity: sensor.stairs_down_motion_sensor_temperature
- name: Stairs Down
- card_mod:
- style: |
- hui-generic-entity-row {
- background:
- /* RANGE: 10 to 30 */
- {% set value100 = states(config.entity) | float(1) %}
- {% set valueC = ((value100 - 10) / 20) %}
- {% set value = valueC * 100 %}
- /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
- {% if value100 >= 28 %} {% set bar = '187,36,36' %} /* Very Hot - Deep Red */
- {% elif value100 >= 26 %} {% set bar = '219,90,33' %} /* Hot - Dark Orange */
- {% elif value100 >= 25 %} {% set bar = '218,150,43' %} /* Warm - Dark Amber */
- {% elif value100 >= 23 %} {% set bar = '40,168,85' %} /* Ideal - Dark Green */
- {% elif value100 >= 20 %} {% set bar = '33,128,76' %} /* Ideal - Even Darker Green */
- {% elif value100 >= 18 %} {% set bar = '22,98,120' %} /* Cool - Teal */
- {% elif value100 >= 15 %} {% set bar = '30,50,112' %} /* Cool - Deep Blue */
- {% else %} {% set bar = '20,28,65' %} /* Cold - Almost Black Blue */
- {% endif %}
- linear-gradient(95deg,
- rgba({{bar}},0.94) 0%,
- rgba({{bar}},0.92) {{value}}%,
- rgba({{bar}},0.60) {{value}}%,
- rgba(18,18,26,0.65) 100%
- );
- }
- - entity: sensor.stairs_up_motion_sensor_temperature
- name: Stairs Up
- card_mod:
- style: |
- hui-generic-entity-row {
- background:
- /* RANGE: 10 to 30 */
- {% set value100 = states(config.entity) | float(1) %}
- {% set valueC = ((value100 - 10) / 20) %}
- {% set value = valueC * 100 %}
- /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
- {% if value100 >= 28 %} {% set bar = '187,36,36' %} /* Very Hot - Deep Red */
- {% elif value100 >= 26 %} {% set bar = '219,90,33' %} /* Hot - Dark Orange */
- {% elif value100 >= 25 %} {% set bar = '218,150,43' %} /* Warm - Dark Amber */
- {% elif value100 >= 23 %} {% set bar = '40,168,85' %} /* Ideal - Dark Green */
- {% elif value100 >= 20 %} {% set bar = '33,128,76' %} /* Ideal - Even Darker Green */
- {% elif value100 >= 18 %} {% set bar = '22,98,120' %} /* Cool - Teal */
- {% elif value100 >= 15 %} {% set bar = '30,50,112' %} /* Cool - Deep Blue */
- {% else %} {% set bar = '20,28,65' %} /* Cold - Almost Black Blue */
- {% endif %}
- linear-gradient(95deg,
- rgba({{bar}},0.94) 0%,
- rgba({{bar}},0.92) {{value}}%,
- rgba({{bar}},0.60) {{value}}%,
- rgba(18,18,26,0.65) 100%
- );
- }
- - entity: sensor.hallway_up_motion_sensor_temperature
- name: Hallway Up
- card_mod:
- style: |
- hui-generic-entity-row {
- background:
- /* RANGE: 10 to 30 */
- {% set value100 = states(config.entity) | float(1) %}
- {% set valueC = ((value100 - 10) / 20) %}
- {% set value = valueC * 100 %}
- /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
- {% if value100 >= 28 %} {% set bar = '187,36,36' %} /* Very Hot - Deep Red */
- {% elif value100 >= 26 %} {% set bar = '219,90,33' %} /* Hot - Dark Orange */
- {% elif value100 >= 25 %} {% set bar = '218,150,43' %} /* Warm - Dark Amber */
- {% elif value100 >= 23 %} {% set bar = '40,168,85' %} /* Ideal - Dark Green */
- {% elif value100 >= 20 %} {% set bar = '33,128,76' %} /* Ideal - Even Darker Green */
- {% elif value100 >= 18 %} {% set bar = '22,98,120' %} /* Cool - Teal */
- {% elif value100 >= 15 %} {% set bar = '30,50,112' %} /* Cool - Deep Blue */
- {% else %} {% set bar = '20,28,65' %} /* Cold - Almost Black Blue */
- {% endif %}
- linear-gradient(95deg,
- rgba({{bar}},0.94) 0%,
- rgba({{bar}},0.92) {{value}}%,
- rgba({{bar}},0.60) {{value}}%,
- rgba(18,18,26,0.65) 100%
- );
- }
- - entity: sensor.child_room_temperature
- name: Child Room
- card_mod:
- style: |
- hui-generic-entity-row {
- background:
- /* RANGE: 10 to 30 */
- {% set value100 = states(config.entity) | float(1) %}
- {% set valueC = ((value100 - 10) / 20) %}
- {% set value = valueC * 100 %}
- /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
- {% if value100 >= 28 %} {% set bar = '187,36,36' %} /* Very Hot - Deep Red */
- {% elif value100 >= 26 %} {% set bar = '219,90,33' %} /* Hot - Dark Orange */
- {% elif value100 >= 25 %} {% set bar = '218,150,43' %} /* Warm - Dark Amber */
- {% elif value100 >= 23 %} {% set bar = '40,168,85' %} /* Ideal - Dark Green */
- {% elif value100 >= 20 %} {% set bar = '33,128,76' %} /* Ideal - Even Darker Green */
- {% elif value100 >= 18 %} {% set bar = '22,98,120' %} /* Cool - Teal */
- {% elif value100 >= 15 %} {% set bar = '30,50,112' %} /* Cool - Deep Blue */
- {% else %} {% set bar = '20,28,65' %} /* Cold - Almost Black Blue */
- {% endif %}
- linear-gradient(95deg,
- rgba({{bar}},0.94) 0%,
- rgba({{bar}},0.92) {{value}}%,
- rgba({{bar}},0.60) {{value}}%,
- rgba(18,18,26,0.65) 100%
- );
- }
- - entity: sensor.netatmo_office_temperature
- name: Office
- card_mod:
- style: |
- hui-generic-entity-row {
- background:
- /* RANGE: 10 to 30 */
- {% set value100 = states(config.entity) | float(1) %}
- {% set valueC = ((value100 - 10) / 20) %}
- {% set value = valueC * 100 %}
- /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
- {% if value100 >= 28 %} {% set bar = '187,36,36' %} /* Very Hot - Deep Red */
- {% elif value100 >= 26 %} {% set bar = '219,90,33' %} /* Hot - Dark Orange */
- {% elif value100 >= 25 %} {% set bar = '218,150,43' %} /* Warm - Dark Amber */
- {% elif value100 >= 23 %} {% set bar = '40,168,85' %} /* Ideal - Dark Green */
- {% elif value100 >= 20 %} {% set bar = '33,128,76' %} /* Ideal - Even Darker Green */
- {% elif value100 >= 18 %} {% set bar = '22,98,120' %} /* Cool - Teal */
- {% elif value100 >= 15 %} {% set bar = '30,50,112' %} /* Cool - Deep Blue */
- {% else %} {% set bar = '20,28,65' %} /* Cold - Almost Black Blue */
- {% endif %}
- linear-gradient(95deg,
- rgba({{bar}},0.94) 0%,
- rgba({{bar}},0.92) {{value}}%,
- rgba({{bar}},0.60) {{value}}%,
- rgba(18,18,26,0.65) 100%
- );
- }
- - entity: sensor.guest_room_motion_sensor_temperature
- name: Guest Room
- card_mod:
- style: |
- hui-generic-entity-row {
- background:
- /* RANGE: 10 to 30 */
- {% set value100 = states(config.entity) | float(1) %}
- {% set valueC = ((value100 - 10) / 20) %}
- {% set value = valueC * 100 %}
- /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
- {% if value100 >= 28 %} {% set bar = '187,36,36' %} /* Very Hot - Deep Red */
- {% elif value100 >= 26 %} {% set bar = '219,90,33' %} /* Hot - Dark Orange */
- {% elif value100 >= 25 %} {% set bar = '218,150,43' %} /* Warm - Dark Amber */
- {% elif value100 >= 23 %} {% set bar = '40,168,85' %} /* Ideal - Dark Green */
- {% elif value100 >= 20 %} {% set bar = '33,128,76' %} /* Ideal - Even Darker Green */
- {% elif value100 >= 18 %} {% set bar = '22,98,120' %} /* Cool - Teal */
- {% elif value100 >= 15 %} {% set bar = '30,50,112' %} /* Cool - Deep Blue */
- {% else %} {% set bar = '20,28,65' %} /* Cold - Almost Black Blue */
- {% endif %}
- linear-gradient(95deg,
- rgba({{bar}},0.94) 0%,
- rgba({{bar}},0.92) {{value}}%,
- rgba({{bar}},0.60) {{value}}%,
- rgba(18,18,26,0.65) 100%
- );
- }
- - entity: sensor.toilet_up_motion_sensor_temperature
- name: Toilet Up
- card_mod:
- style: |
- hui-generic-entity-row {
- background:
- /* RANGE: 10 to 30 */
- {% set value100 = states(config.entity) | float(1) %}
- {% set valueC = ((value100 - 10) / 20) %}
- {% set value = valueC * 100 %}
- /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
- {% if value100 >= 28 %} {% set bar = '187,36,36' %} /* Very Hot - Deep Red */
- {% elif value100 >= 26 %} {% set bar = '219,90,33' %} /* Hot - Dark Orange */
- {% elif value100 >= 25 %} {% set bar = '218,150,43' %} /* Warm - Dark Amber */
- {% elif value100 >= 23 %} {% set bar = '40,168,85' %} /* Ideal - Dark Green */
- {% elif value100 >= 20 %} {% set bar = '33,128,76' %} /* Ideal - Even Darker Green */
- {% elif value100 >= 18 %} {% set bar = '22,98,120' %} /* Cool - Teal */
- {% elif value100 >= 15 %} {% set bar = '30,50,112' %} /* Cool - Deep Blue */
- {% else %} {% set bar = '20,28,65' %} /* Cold - Almost Black Blue */
- {% endif %}
- linear-gradient(95deg,
- rgba({{bar}},0.94) 0%,
- rgba({{bar}},0.92) {{value}}%,
- rgba({{bar}},0.60) {{value}}%,
- rgba(18,18,26,0.65) 100%
- );
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement