Advertisement
Guest User

Untitled

a guest
Jun 15th, 2025
584
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
YAML 23.93 KB | None | 0 0
  1. type: custom:stack-in-card
  2. title: Temperatures
  3. cards:
  4.   - type: entities
  5.     entities:
  6.       - entity: sensor.netatmo_outdoor_temperature
  7.         name: Outside
  8.         card_mod:
  9.           style: |
  10.            hui-generic-entity-row {
  11.               background:
  12.                 /* RANGE: -10 to 40 */
  13.                 {% set value100 = states(config.entity) | float(1) %}
  14.                 /* Clamp value to -10..40 for safety */
  15.                 {% set valueC = ((value100 + 10) / 50) %}
  16.                 {% set value = valueC * 100 %}
  17.                 /* Palette: All colors are "dark" and not too light! */
  18.                 {% if value100 >= 37 %}     {% set bar = '175,30,44' %}      /* Very Hot - deep blood red */
  19.                 {% elif value100 >= 32 %}   {% set bar = '200,60,40' %}      /* Hot - burnt red/orange */
  20.                 {% elif value100 >= 27 %}   {% set bar = '180,92,32' %}      /* Warm - dark gold/bronze */
  21.                 {% elif value100 >= 20 %}   {% set bar = '27,98,55' %}       /* Ideal warm - deep green */
  22.                 {% elif value100 >= 15 %}   {% set bar = '27,86,128' %}      /* Cool - deep teal/blue-green */
  23.                 {% elif value100 >= 5 %}    {% set bar = '26,70,180' %}      /* Cool - dark blue */
  24.                 {% else %}                  {% set bar = '16,42,120' %}      /* Cold - navy/blue-black */
  25.                 {% endif %}
  26.                 linear-gradient(95deg,
  27.                   rgba({{bar}},0.93) 0%,
  28.                   rgba({{bar}},0.93) {{value}}%,
  29.                   rgba({{bar}},0.55) {{value}}%,
  30.                   rgba(12,14,18,0.42) 100%
  31.                 ),
  32.                 /* --- Gloss/metallic overlay (subtle) --- */
  33.                 linear-gradient(120deg,
  34.                   rgba(255,255,255,0.11) 7%,
  35.                   rgba(255,255,255,0.06) 13%,
  36.                   rgba(255,255,255,0.00) 38%,
  37.                   rgba(255,255,255,0.08) 47%,
  38.                   rgba(255,255,255,0.00) 70%,
  39.                   rgba(255,255,255,0.09) 82%,
  40.                   rgba(255,255,255,0.00) 100%
  41.                 ),
  42.                 /* --- Optional: Brushed lines for "metal" --- */
  43.                 repeating-linear-gradient(100deg, rgba(255,255,255,0.011) 0 2px, rgba(0,0,0,0.015) 2px 6px)
  44.               ;
  45.             }
  46.       - entity: sensor.entrance_motion_sensor_temperature
  47.         name: Entrance
  48.         card_mod:
  49.           style: |
  50.            hui-generic-entity-row {
  51.               background:
  52.                 /* RANGE: -10 to 40 */
  53.                 {% set value100 = states(config.entity) | float(1) %}
  54.                 /* Clamp value to -10..40 for safety */
  55.                 {% set valueC = ((value100 + 10) / 50) %}
  56.                 {% set value = valueC * 100 %}
  57.                 /* Palette: All colors are "dark" and not too light! */
  58.                 {% if value100 >= 37 %}     {% set bar = '175,30,44' %}      /* Very Hot - deep blood red */
  59.                 {% elif value100 >= 32 %}   {% set bar = '200,60,40' %}      /* Hot - burnt red/orange */
  60.                 {% elif value100 >= 27 %}   {% set bar = '180,92,32' %}      /* Warm - dark gold/bronze */
  61.                 {% elif value100 >= 20 %}   {% set bar = '27,98,55' %}       /* Ideal warm - deep green */
  62.                 {% elif value100 >= 15 %}   {% set bar = '27,86,128' %}      /* Cool - deep teal/blue-green */
  63.                 {% elif value100 >= 5 %}    {% set bar = '26,70,180' %}      /* Cool - dark blue */
  64.                 {% else %}                  {% set bar = '16,42,120' %}      /* Cold - navy/blue-black */
  65.                 {% endif %}
  66.                 linear-gradient(95deg,
  67.                   rgba({{bar}},0.93) 0%,
  68.                   rgba({{bar}},0.93) {{value}}%,
  69.                   rgba({{bar}},0.55) {{value}}%,
  70.                   rgba(12,14,18,0.42) 100%
  71.                 ),
  72.                 /* --- Gloss/metallic overlay (subtle) --- */
  73.                 linear-gradient(120deg,
  74.                   rgba(255,255,255,0.11) 7%,
  75.                   rgba(255,255,255,0.06) 13%,
  76.                   rgba(255,255,255,0.00) 38%,
  77.                   rgba(255,255,255,0.08) 47%,
  78.                   rgba(255,255,255,0.00) 70%,
  79.                   rgba(255,255,255,0.09) 82%,
  80.                   rgba(255,255,255,0.00) 100%
  81.                 ),
  82.                 /* --- Optional: Brushed lines for "metal" --- */
  83.                 repeating-linear-gradient(100deg, rgba(255,255,255,0.011) 0 2px, rgba(0,0,0,0.015) 2px 6px)
  84.               ;
  85.             }
  86.   - type: entities
  87.     entities:
  88.       - entity: sensor.netatmo_living_room_temperature
  89.         name: Bedroom
  90.         card_mod:
  91.           style: |
  92.            hui-generic-entity-row {
  93.               background:
  94.                 /* RANGE: 10 to 30 */
  95.                 {% set value100 = states(config.entity) | float(1) %}
  96.                 {% set valueC = ((value100 - 10) / 20) %}
  97.                 {% set value = valueC * 100 %}
  98.                 /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
  99.                 {% if value100 >= 28 %}      {% set bar = '187,36,36' %}     /* Very Hot - Deep Red */
  100.                 {% elif value100 >= 26 %}    {% set bar = '219,90,33' %}     /* Hot - Dark Orange */
  101.                 {% elif value100 >= 25 %}    {% set bar = '218,150,43' %}    /* Warm - Dark Amber */
  102.                 {% elif value100 >= 23 %}    {% set bar = '40,168,85' %}     /* Ideal - Dark Green */
  103.                 {% elif value100 >= 20 %}    {% set bar = '33,128,76' %}     /* Ideal - Even Darker Green */
  104.                 {% elif value100 >= 18 %}    {% set bar = '22,98,120' %}     /* Cool - Teal */
  105.                 {% elif value100 >= 15 %}    {% set bar = '30,50,112' %}     /* Cool - Deep Blue */
  106.                 {% else %}                   {% set bar = '20,28,65' %}      /* Cold - Almost Black Blue */
  107.                 {% endif %}
  108.                 linear-gradient(95deg,
  109.                   rgba({{bar}},0.94) 0%,
  110.                   rgba({{bar}},0.92) {{value}}%,
  111.                   rgba({{bar}},0.60) {{value}}%,
  112.                   rgba(18,18,26,0.65) 100%
  113.                 );
  114.             }
  115.       - entity: sensor.living_room_temperature_thermostat
  116.         name: Living Room
  117.         card_mod:
  118.           style: |
  119.            hui-generic-entity-row {
  120.               background:
  121.                 /* RANGE: 10 to 30 */
  122.                 {% set value100 = states(config.entity) | float(1) %}
  123.                 {% set valueC = ((value100 - 10) / 20) %}
  124.                 {% set value = valueC * 100 %}
  125.                 /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
  126.                 {% if value100 >= 28 %}      {% set bar = '187,36,36' %}     /* Very Hot - Deep Red */
  127.                 {% elif value100 >= 26 %}    {% set bar = '219,90,33' %}     /* Hot - Dark Orange */
  128.                 {% elif value100 >= 25 %}    {% set bar = '218,150,43' %}    /* Warm - Dark Amber */
  129.                 {% elif value100 >= 23 %}    {% set bar = '40,168,85' %}     /* Ideal - Dark Green */
  130.                 {% elif value100 >= 20 %}    {% set bar = '33,128,76' %}     /* Ideal - Even Darker Green */
  131.                 {% elif value100 >= 18 %}    {% set bar = '22,98,120' %}     /* Cool - Teal */
  132.                 {% elif value100 >= 15 %}    {% set bar = '30,50,112' %}     /* Cool - Deep Blue */
  133.                 {% else %}                   {% set bar = '20,28,65' %}      /* Cold - Almost Black Blue */
  134.                 {% endif %}
  135.                 linear-gradient(95deg,
  136.                   rgba({{bar}},0.94) 0%,
  137.                   rgba({{bar}},0.92) {{value}}%,
  138.                   rgba({{bar}},0.60) {{value}}%,
  139.                   rgba(18,18,26,0.65) 100%
  140.                 );
  141.             }
  142.       - entity: sensor.hallway_motion_sensor_temperature
  143.         name: Hallway
  144.         card_mod:
  145.           style: |
  146.            hui-generic-entity-row {
  147.               background:
  148.                 /* RANGE: 10 to 30 */
  149.                 {% set value100 = states(config.entity) | float(1) %}
  150.                 {% set valueC = ((value100 - 10) / 20) %}
  151.                 {% set value = valueC * 100 %}
  152.                 /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
  153.                 {% if value100 >= 28 %}      {% set bar = '187,36,36' %}     /* Very Hot - Deep Red */
  154.                 {% elif value100 >= 26 %}    {% set bar = '219,90,33' %}     /* Hot - Dark Orange */
  155.                 {% elif value100 >= 25 %}    {% set bar = '218,150,43' %}    /* Warm - Dark Amber */
  156.                 {% elif value100 >= 23 %}    {% set bar = '40,168,85' %}     /* Ideal - Dark Green */
  157.                 {% elif value100 >= 20 %}    {% set bar = '33,128,76' %}     /* Ideal - Even Darker Green */
  158.                 {% elif value100 >= 18 %}    {% set bar = '22,98,120' %}     /* Cool - Teal */
  159.                 {% elif value100 >= 15 %}    {% set bar = '30,50,112' %}     /* Cool - Deep Blue */
  160.                 {% else %}                   {% set bar = '20,28,65' %}      /* Cold - Almost Black Blue */
  161.                 {% endif %}
  162.                 linear-gradient(95deg,
  163.                   rgba({{bar}},0.94) 0%,
  164.                   rgba({{bar}},0.92) {{value}}%,
  165.                   rgba({{bar}},0.60) {{value}}%,
  166.                   rgba(18,18,26,0.65) 100%
  167.                 );
  168.             }
  169.       - entity: sensor.kitchen_temperature
  170.         name: Kitchen
  171.         card_mod:
  172.           style: |
  173.            hui-generic-entity-row {
  174.               background:
  175.                 /* RANGE: 10 to 30 */
  176.                 {% set value100 = states(config.entity) | float(1) %}
  177.                 {% set valueC = ((value100 - 10) / 20) %}
  178.                 {% set value = valueC * 100 %}
  179.                 /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
  180.                 {% if value100 >= 28 %}      {% set bar = '187,36,36' %}     /* Very Hot - Deep Red */
  181.                 {% elif value100 >= 26 %}    {% set bar = '219,90,33' %}     /* Hot - Dark Orange */
  182.                 {% elif value100 >= 25 %}    {% set bar = '218,150,43' %}    /* Warm - Dark Amber */
  183.                 {% elif value100 >= 23 %}    {% set bar = '40,168,85' %}     /* Ideal - Dark Green */
  184.                 {% elif value100 >= 20 %}    {% set bar = '33,128,76' %}     /* Ideal - Even Darker Green */
  185.                 {% elif value100 >= 18 %}    {% set bar = '22,98,120' %}     /* Cool - Teal */
  186.                 {% elif value100 >= 15 %}    {% set bar = '30,50,112' %}     /* Cool - Deep Blue */
  187.                 {% else %}                   {% set bar = '20,28,65' %}      /* Cold - Almost Black Blue */
  188.                 {% endif %}
  189.                 linear-gradient(95deg,
  190.                   rgba({{bar}},0.94) 0%,
  191.                   rgba({{bar}},0.92) {{value}}%,
  192.                   rgba({{bar}},0.60) {{value}}%,
  193.                   rgba(18,18,26,0.65) 100%
  194.                 );
  195.             }
  196.       - entity: sensor.toilet_motion_sensor_temperature
  197.         name: Toilet
  198.         card_mod:
  199.           style: |
  200.            hui-generic-entity-row {
  201.               background:
  202.                 /* RANGE: 10 to 30 */
  203.                 {% set value100 = states(config.entity) | float(1) %}
  204.                 {% set valueC = ((value100 - 10) / 20) %}
  205.                 {% set value = valueC * 100 %}
  206.                 /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
  207.                 {% if value100 >= 28 %}      {% set bar = '187,36,36' %}     /* Very Hot - Deep Red */
  208.                 {% elif value100 >= 26 %}    {% set bar = '219,90,33' %}     /* Hot - Dark Orange */
  209.                 {% elif value100 >= 25 %}    {% set bar = '218,150,43' %}    /* Warm - Dark Amber */
  210.                 {% elif value100 >= 23 %}    {% set bar = '40,168,85' %}     /* Ideal - Dark Green */
  211.                 {% elif value100 >= 20 %}    {% set bar = '33,128,76' %}     /* Ideal - Even Darker Green */
  212.                 {% elif value100 >= 18 %}    {% set bar = '22,98,120' %}     /* Cool - Teal */
  213.                 {% elif value100 >= 15 %}    {% set bar = '30,50,112' %}     /* Cool - Deep Blue */
  214.                 {% else %}                   {% set bar = '20,28,65' %}      /* Cold - Almost Black Blue */
  215.                 {% endif %}
  216.                 linear-gradient(95deg,
  217.                   rgba({{bar}},0.94) 0%,
  218.                   rgba({{bar}},0.92) {{value}}%,
  219.                   rgba({{bar}},0.60) {{value}}%,
  220.                   rgba(18,18,26,0.65) 100%
  221.                 );
  222.             }            
  223.       - entity: sensor.stairs_down_motion_sensor_temperature
  224.         name: Stairs Down
  225.         card_mod:
  226.           style: |
  227.            hui-generic-entity-row {
  228.               background:
  229.                 /* RANGE: 10 to 30 */
  230.                 {% set value100 = states(config.entity) | float(1) %}
  231.                 {% set valueC = ((value100 - 10) / 20) %}
  232.                 {% set value = valueC * 100 %}
  233.                 /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
  234.                 {% if value100 >= 28 %}      {% set bar = '187,36,36' %}     /* Very Hot - Deep Red */
  235.                 {% elif value100 >= 26 %}    {% set bar = '219,90,33' %}     /* Hot - Dark Orange */
  236.                 {% elif value100 >= 25 %}    {% set bar = '218,150,43' %}    /* Warm - Dark Amber */
  237.                 {% elif value100 >= 23 %}    {% set bar = '40,168,85' %}     /* Ideal - Dark Green */
  238.                 {% elif value100 >= 20 %}    {% set bar = '33,128,76' %}     /* Ideal - Even Darker Green */
  239.                 {% elif value100 >= 18 %}    {% set bar = '22,98,120' %}     /* Cool - Teal */
  240.                 {% elif value100 >= 15 %}    {% set bar = '30,50,112' %}     /* Cool - Deep Blue */
  241.                 {% else %}                   {% set bar = '20,28,65' %}      /* Cold - Almost Black Blue */
  242.                 {% endif %}
  243.                 linear-gradient(95deg,
  244.                   rgba({{bar}},0.94) 0%,
  245.                   rgba({{bar}},0.92) {{value}}%,
  246.                   rgba({{bar}},0.60) {{value}}%,
  247.                   rgba(18,18,26,0.65) 100%
  248.                 );
  249.             }            
  250.       - entity: sensor.stairs_up_motion_sensor_temperature
  251.         name: Stairs Up
  252.         card_mod:
  253.           style: |
  254.            hui-generic-entity-row {
  255.               background:
  256.                 /* RANGE: 10 to 30 */
  257.                 {% set value100 = states(config.entity) | float(1) %}
  258.                 {% set valueC = ((value100 - 10) / 20) %}
  259.                 {% set value = valueC * 100 %}
  260.                 /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
  261.                 {% if value100 >= 28 %}      {% set bar = '187,36,36' %}     /* Very Hot - Deep Red */
  262.                 {% elif value100 >= 26 %}    {% set bar = '219,90,33' %}     /* Hot - Dark Orange */
  263.                 {% elif value100 >= 25 %}    {% set bar = '218,150,43' %}    /* Warm - Dark Amber */
  264.                 {% elif value100 >= 23 %}    {% set bar = '40,168,85' %}     /* Ideal - Dark Green */
  265.                 {% elif value100 >= 20 %}    {% set bar = '33,128,76' %}     /* Ideal - Even Darker Green */
  266.                 {% elif value100 >= 18 %}    {% set bar = '22,98,120' %}     /* Cool - Teal */
  267.                 {% elif value100 >= 15 %}    {% set bar = '30,50,112' %}     /* Cool - Deep Blue */
  268.                 {% else %}                   {% set bar = '20,28,65' %}      /* Cold - Almost Black Blue */
  269.                 {% endif %}
  270.                 linear-gradient(95deg,
  271.                   rgba({{bar}},0.94) 0%,
  272.                   rgba({{bar}},0.92) {{value}}%,
  273.                   rgba({{bar}},0.60) {{value}}%,
  274.                   rgba(18,18,26,0.65) 100%
  275.                 );
  276.             }
  277.       - entity: sensor.hallway_up_motion_sensor_temperature
  278.         name: Hallway Up
  279.         card_mod:
  280.           style: |
  281.            hui-generic-entity-row {
  282.               background:
  283.                 /* RANGE: 10 to 30 */
  284.                 {% set value100 = states(config.entity) | float(1) %}
  285.                 {% set valueC = ((value100 - 10) / 20) %}
  286.                 {% set value = valueC * 100 %}
  287.                 /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
  288.                 {% if value100 >= 28 %}      {% set bar = '187,36,36' %}     /* Very Hot - Deep Red */
  289.                 {% elif value100 >= 26 %}    {% set bar = '219,90,33' %}     /* Hot - Dark Orange */
  290.                 {% elif value100 >= 25 %}    {% set bar = '218,150,43' %}    /* Warm - Dark Amber */
  291.                 {% elif value100 >= 23 %}    {% set bar = '40,168,85' %}     /* Ideal - Dark Green */
  292.                 {% elif value100 >= 20 %}    {% set bar = '33,128,76' %}     /* Ideal - Even Darker Green */
  293.                 {% elif value100 >= 18 %}    {% set bar = '22,98,120' %}     /* Cool - Teal */
  294.                 {% elif value100 >= 15 %}    {% set bar = '30,50,112' %}     /* Cool - Deep Blue */
  295.                 {% else %}                   {% set bar = '20,28,65' %}      /* Cold - Almost Black Blue */
  296.                 {% endif %}
  297.                 linear-gradient(95deg,
  298.                   rgba({{bar}},0.94) 0%,
  299.                   rgba({{bar}},0.92) {{value}}%,
  300.                   rgba({{bar}},0.60) {{value}}%,
  301.                   rgba(18,18,26,0.65) 100%
  302.                 );
  303.             }
  304.       - entity: sensor.child_room_temperature
  305.         name: Child Room
  306.         card_mod:
  307.           style: |
  308.            hui-generic-entity-row {
  309.               background:
  310.                 /* RANGE: 10 to 30 */
  311.                 {% set value100 = states(config.entity) | float(1) %}
  312.                 {% set valueC = ((value100 - 10) / 20) %}
  313.                 {% set value = valueC * 100 %}
  314.                 /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
  315.                 {% if value100 >= 28 %}      {% set bar = '187,36,36' %}     /* Very Hot - Deep Red */
  316.                 {% elif value100 >= 26 %}    {% set bar = '219,90,33' %}     /* Hot - Dark Orange */
  317.                 {% elif value100 >= 25 %}    {% set bar = '218,150,43' %}    /* Warm - Dark Amber */
  318.                 {% elif value100 >= 23 %}    {% set bar = '40,168,85' %}     /* Ideal - Dark Green */
  319.                 {% elif value100 >= 20 %}    {% set bar = '33,128,76' %}     /* Ideal - Even Darker Green */
  320.                 {% elif value100 >= 18 %}    {% set bar = '22,98,120' %}     /* Cool - Teal */
  321.                 {% elif value100 >= 15 %}    {% set bar = '30,50,112' %}     /* Cool - Deep Blue */
  322.                 {% else %}                   {% set bar = '20,28,65' %}      /* Cold - Almost Black Blue */
  323.                 {% endif %}
  324.                 linear-gradient(95deg,
  325.                   rgba({{bar}},0.94) 0%,
  326.                   rgba({{bar}},0.92) {{value}}%,
  327.                   rgba({{bar}},0.60) {{value}}%,
  328.                   rgba(18,18,26,0.65) 100%
  329.                 );
  330.             }              
  331.       - entity: sensor.netatmo_office_temperature
  332.         name: Office
  333.         card_mod:
  334.           style: |
  335.            hui-generic-entity-row {
  336.               background:
  337.                 /* RANGE: 10 to 30 */
  338.                 {% set value100 = states(config.entity) | float(1) %}
  339.                 {% set valueC = ((value100 - 10) / 20) %}
  340.                 {% set value = valueC * 100 %}
  341.                 /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
  342.                 {% if value100 >= 28 %}      {% set bar = '187,36,36' %}     /* Very Hot - Deep Red */
  343.                 {% elif value100 >= 26 %}    {% set bar = '219,90,33' %}     /* Hot - Dark Orange */
  344.                 {% elif value100 >= 25 %}    {% set bar = '218,150,43' %}    /* Warm - Dark Amber */
  345.                 {% elif value100 >= 23 %}    {% set bar = '40,168,85' %}     /* Ideal - Dark Green */
  346.                 {% elif value100 >= 20 %}    {% set bar = '33,128,76' %}     /* Ideal - Even Darker Green */
  347.                 {% elif value100 >= 18 %}    {% set bar = '22,98,120' %}     /* Cool - Teal */
  348.                 {% elif value100 >= 15 %}    {% set bar = '30,50,112' %}     /* Cool - Deep Blue */
  349.                 {% else %}                   {% set bar = '20,28,65' %}      /* Cold - Almost Black Blue */
  350.                 {% endif %}
  351.                 linear-gradient(95deg,
  352.                   rgba({{bar}},0.94) 0%,
  353.                   rgba({{bar}},0.92) {{value}}%,
  354.                   rgba({{bar}},0.60) {{value}}%,
  355.                   rgba(18,18,26,0.65) 100%
  356.                 );
  357.             }            
  358.       - entity: sensor.guest_room_motion_sensor_temperature
  359.         name: Guest Room
  360.         card_mod:
  361.           style: |
  362.            hui-generic-entity-row {
  363.               background:
  364.                 /* RANGE: 10 to 30 */
  365.                 {% set value100 = states(config.entity) | float(1) %}
  366.                 {% set valueC = ((value100 - 10) / 20) %}
  367.                 {% set value = valueC * 100 %}
  368.                 /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
  369.                 {% if value100 >= 28 %}      {% set bar = '187,36,36' %}     /* Very Hot - Deep Red */
  370.                 {% elif value100 >= 26 %}    {% set bar = '219,90,33' %}     /* Hot - Dark Orange */
  371.                 {% elif value100 >= 25 %}    {% set bar = '218,150,43' %}    /* Warm - Dark Amber */
  372.                 {% elif value100 >= 23 %}    {% set bar = '40,168,85' %}     /* Ideal - Dark Green */
  373.                 {% elif value100 >= 20 %}    {% set bar = '33,128,76' %}     /* Ideal - Even Darker Green */
  374.                 {% elif value100 >= 18 %}    {% set bar = '22,98,120' %}     /* Cool - Teal */
  375.                 {% elif value100 >= 15 %}    {% set bar = '30,50,112' %}     /* Cool - Deep Blue */
  376.                 {% else %}                   {% set bar = '20,28,65' %}      /* Cold - Almost Black Blue */
  377.                 {% endif %}
  378.                 linear-gradient(95deg,
  379.                   rgba({{bar}},0.94) 0%,
  380.                   rgba({{bar}},0.92) {{value}}%,
  381.                   rgba({{bar}},0.60) {{value}}%,
  382.                   rgba(18,18,26,0.65) 100%
  383.                 );
  384.             }            
  385.       - entity: sensor.toilet_up_motion_sensor_temperature
  386.         name: Toilet Up
  387.         card_mod:
  388.           style: |
  389.            hui-generic-entity-row {
  390.               background:
  391.                 /* RANGE: 10 to 30 */
  392.                 {% set value100 = states(config.entity) | float(1) %}
  393.                 {% set valueC = ((value100 - 10) / 20) %}
  394.                 {% set value = valueC * 100 %}
  395.                 /* Palette: cold blue → teal → dark green (ideal) → deep amber → orange → red, all with deep/dark base */
  396.                 {% if value100 >= 28 %}      {% set bar = '187,36,36' %}     /* Very Hot - Deep Red */
  397.                 {% elif value100 >= 26 %}    {% set bar = '219,90,33' %}     /* Hot - Dark Orange */
  398.                 {% elif value100 >= 25 %}    {% set bar = '218,150,43' %}    /* Warm - Dark Amber */
  399.                 {% elif value100 >= 23 %}    {% set bar = '40,168,85' %}     /* Ideal - Dark Green */
  400.                 {% elif value100 >= 20 %}    {% set bar = '33,128,76' %}     /* Ideal - Even Darker Green */
  401.                 {% elif value100 >= 18 %}    {% set bar = '22,98,120' %}     /* Cool - Teal */
  402.                 {% elif value100 >= 15 %}    {% set bar = '30,50,112' %}     /* Cool - Deep Blue */
  403.                 {% else %}                   {% set bar = '20,28,65' %}      /* Cold - Almost Black Blue */
  404.                 {% endif %}
  405.                 linear-gradient(95deg,
  406.                   rgba({{bar}},0.94) 0%,
  407.                   rgba({{bar}},0.92) {{value}}%,
  408.                   rgba({{bar}},0.60) {{value}}%,
  409.                   rgba(18,18,26,0.65) 100%
  410.                 );
  411.             }            
  412.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement