API tools faq
paste
d_sellers1

fire-main

d_sellers1
Dec 31st, 2021 (edited)
314
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
YAML 192.71 KB | Source Code | 0 0
raw download clone embed print report
  1. animated_background:
  2.   groups:
  3.     - name: weather
  4.       config:
  5.         entity: text.text
  6.         state_url:
  7.           smoke:
  8.            - >-
  9.               /local/backgrounds/smoke/mixkit-smoke-effect-over-black-background-1967.mp4
  10.             - >-
  11.               /local/backgrounds/smoke/mixkit-light-smoke-in-the-dark-12496-medium.mp4
  12.             - >-
  13.               /local/backgrounds/smoke/mixkit-pink-smoke-on-a-black-background-billows-45596-medium.mp4
  14.             - >-
  15.               /local/backgrounds/smoke/mixkit-plume-of-smoke-in-lower-third-1962.mp4
  16.             - >-
  17.               /local/backgrounds/smoke/mixkit-smoke-billowing-from-the-bottom-left-of-frame-45297-medium.mp4
  18.             - >-
  19.               /local/backgrounds/smoke/mixkit-smoke-billowing-with-pink-and-blue-light-45295-medium.mp4
  20.             - >-
  21.               /local/backgrounds/smoke/mixkit-smoke-drifting-in-the-dark-8501-medium.mp4
  22.             - >-
  23.               /local/backgrounds/smoke/mixkit-smoke-effect-over-black-background-1967.mp4
  24.             - >-
  25.               /local/backgrounds/smoke/mixkit-smoke-on-a-black-background-1961.mp4
  26.             - >-
  27.               /local/backgrounds/smoke/mixkit-smoke-rising-in-the-dark-8461-medium.mp4
  28.             - >-
  29.               /local/backgrounds/smoke/mixkit-smoke-with-fluorescent-particles-on-black-background-12495-medium.mp4
  30.             - >-
  31.               /local/backgrounds/smoke/mixkit-swirling-smoke-coloured-by-blue-and-pink-light-45296-medium.mp4
  32.             - >-
  33.               /local/backgrounds/smoke/mixkit-white-smoke-with-black-background-1960.mp4
  34.           halloween:
  35.            - >-
  36.               /local/backgrounds/halloween/mixkit-bats-and-the-full-moon-on-halloween-18024-medium.mp4
  37.             - >-
  38.               /local/backgrounds/halloween/mixkit-bats-and-witches-on-halloween-2d-animation-18026-medium.mp4
  39.             - >-
  40.               /local/backgrounds/halloween/mixkit-bats-flying-in-a-mysterious-night-18028-medium.mp4
  41.             - >-
  42.               /local/backgrounds/halloween/mixkit-black-background-with-smoke-foreground-1968.mp4
  43.             - >-
  44.               /local/backgrounds/halloween/mixkit-creepy-graveyard-with-view-of-the-starry-sky-26969-medium.mp4
  45.             - >-
  46.               /local/backgrounds/halloween/mixkit-creepy-halloween-pumpkin-in-dark-cloud-forest-33884.mp4
  47.             - >-
  48.               /local/backgrounds/halloween/mixkit-dark-dry-tree-forest-in-3d-under-a-big-moon-31515-medium.mp4
  49.             - >-
  50.               /local/backgrounds/halloween/mixkit-dark-forest-under-the-moon-and-a-green-haze-31522-medium.mp4
  51.             - >-
  52.               /local/backgrounds/halloween/mixkit-glowing-halloween-pumpkins-in-the-dark-32986-medium.mp4
  53.             - >-
  54.               /local/backgrounds/halloween/mixkit-graveyard-under-the-moon-with-green-mist-14207-medium.mp4
  55.             - >-
  56.               /local/backgrounds/halloween/mixkit-halloween-pumpkin-in-the-garden-33885.mp4
  57.             - >-
  58.               /local/backgrounds/halloween/mixkit-halloween-pumpkin-lit-up-surrounded-by-spiders-webs-and-smoke-47946-medium.mp4
  59.             - >-
  60.               /local/backgrounds/halloween/mixkit-scary-halloween-pumpkin-lit-up-in-the-dark-33882.mp4
  61.             - >-
  62.               /local/backgrounds/halloween/mixkit-smiling-silhouette-of-a-halloween-pumpkin-33881.mp4
  63.             - >-
  64.               /local/backgrounds/halloween/mixkit-spooky-illuminated-carved-pumpkins-48840-medium.mp4
  65.           sunny:
  66.            - https://cdn.flixel.com/flixel/hlhff0h8md4ev0kju5be.hd.mp4
  67.             - https://cdn.flixel.com/flixel/zjqsoc6ecqhntpl5vacs.hd.mp4
  68.             - https://cdn.flixel.com/flixel/jvw1avupguhfbo11betq.hd.mp4
  69.             - https://cdn.flixel.com/flixel/8cmeusxf3pkanai43djs.hd.mp4
  70.             - https://cdn.flixel.com/flixel/guwb10mfddctfvwioaex.hd.mp4
  71.           partlycloudy:
  72.            - https://cdn.flixel.com/flixel/13e0s6coh6ayapvdyqnv.hd.mp4
  73.             - https://cdn.flixel.com/flixel/aorl3skmssy7udwopk22.hd.mp4
  74.             - https://cdn.flixel.com/flixel/qed6wvf2igukiioykg3r.hd.mp4
  75.             - https://cdn.flixel.com/flixel/3rd72eezaj6d23ahlo7y.hd.mp4
  76.             - https://cdn.flixel.com/flixel/9m11gd43m6qn3y93ntzp.hd.mp4
  77.             - https://cdn.flixel.com/flixel/hrkw2m8eofib9sk7t1v2.hd.mp4
  78.           cloudy:
  79.            - https://cdn.flixel.com/flixel/13e0s6coh6ayapvdyqnv.hd.mp4
  80.             - https://cdn.flixel.com/flixel/aorl3skmssy7udwopk22.hd.mp4
  81.             - https://cdn.flixel.com/flixel/qed6wvf2igukiioykg3r.hd.mp4
  82.             - https://cdn.flixel.com/flixel/3rd72eezaj6d23ahlo7y.hd.mp4
  83.             - https://cdn.flixel.com/flixel/9m11gd43m6qn3y93ntzp.hd.mp4
  84.             - https://cdn.flixel.com/flixel/hrkw2m8eofib9sk7t1v2.hd.mp4
  85.           mostlycloudy:
  86.            - https://cdn.flixel.com/flixel/e95h5cqyvhnrk4ytqt4q.hd.mp4
  87.             - https://cdn.flixel.com/flixel/l2bjw34wnusyf5q2qq3p.hd.mp4
  88.             - https://cdn.flixel.com/flixel/rrgta099ulami3zb9fd2.hd.mp4
  89.           clear-night:
  90.            - https://cdn.flixel.com/flixel/x9dr8caygivq5secll7i.hd.mp4
  91.             - https://cdn.flixel.com/flixel/v26zyfd6yf0r33s46vpe.hd.mp4
  92.             - https://cdn.flixel.com/flixel/ypy8bw9fgw1zv2b4htp2.hd.mp4
  93.             - https://cdn.flixel.com/flixel/rosz2gi676xhkiw1ut6i.hd.mp4
  94.           fog:
  95.            - https://cdn.flixel.com/flixel/vwqzlk4turo2449be9uf.hd.mp4
  96.             - https://cdn.flixel.com/flixel/5363uhabodwwrzgnq6vx.hd.mp4
  97.           rainy: https://cdn.flixel.com/flixel/f0w23bd0enxur5ff0bxz.hd.mp4
  98. kiosk_mode:
  99.   user_settings:
  100.     - users:
  101.        - derek
  102.         - another_user
  103.       ignore_entity_settings: true
  104.       hide_sidebar: true
  105.       hide_search: true
  106.       hide_assistant: true
  107.     - users:
  108.        - tablet
  109.       hide_header: true
  110.       hide_sidebar: true
  111.       hide_menubutton: true
  112.       hide_overflow: true
  113.       hide_account: true
  114.       hide_search: true
  115.       hide_assistant: true
  116.   entity_settings:
  117.     - entity:
  118.         input_boolean.fire_main_hide_header: 'on'
  119.       hide_header: false
  120.     - entity:
  121.         input_boolean.fire_main_hide_header: 'off'
  122.       hide_header: true
  123.     - entity:
  124.         input_boolean.fire_main_hide_sidebar: 'on'
  125.       hide_sidebar: false
  126.     - entity:
  127.         input_boolean.fire_main_hide_sidebar: 'off'
  128.       hide_sidebar: true
  129.     - entity:
  130.         input_boolean.fire_main_hide_menubutton: 'on'
  131.       hide_menubutton: false
  132.     - entity:
  133.         input_boolean.fire_main_hide_menubutton: 'off'
  134.       hide_menubutton: true
  135.     - entity:
  136.         input_boolean.fire_main_hide_overflow: 'on'
  137.       hide_overflow: false
  138.     - entity:
  139.         input_boolean.fire_main_hide_overflow: 'off'
  140.       hide_overflow: true
  141.     - entity:
  142.         input_boolean.fire_main_hide_account: 'on'
  143.       hide_account: false
  144.     - entity:
  145.         input_boolean.fire_main_hide_account: 'off'
  146.       hide_account: true
  147.     - entity:
  148.         input_boolean.fire_main_hide_search: 'on'
  149.       hide_search: false
  150.     - entity:
  151.         input_boolean.fire_main_hide_search: 'off'
  152.       hide_search: true
  153.     - entity:
  154.         input_boolean.fire_main_hide_assistant: 'on'
  155.       hide_assistant: false
  156.     - entity:
  157.         input_boolean.fire_main_hide_assistant: 'off'
  158.       hide_assistant: true
  159. button_card_templates:
  160.   header_example_template:
  161.     styles:
  162.       card:
  163.         - padding: 5px 15px
  164.         - background-color: var(--paper-item-icon-active-color)
  165.       name:
  166.         - text-transform: uppercase
  167.         - color: var(--primary-background-color)
  168.         - justify-self: start
  169.         - font-weight: bold
  170.       label:
  171.         - text-transform: uppercase
  172.         - color: var(--primary-background-color)
  173.         - justify-self: start
  174.         - font-weight: bold
  175.   generic_custom_button:
  176.     show_icon: true
  177.     show_name: true
  178.     show_state: false
  179.     color_type: icon
  180.     triggers_update: all
  181.     state:
  182.       - color: rgb(28, 28, 28)
  183.         operator: '=='
  184.         value: 'off'
  185.         styles:
  186.           name:
  187.             - color: rgb(128, 128, 128)
  188.       - color: yellow
  189.         operator: '=='
  190.         value: 'on'
  191.         styles:
  192.           name:
  193.             - color: white
  194.     styles:
  195.       card:
  196.         - background: rgba(255,255,255,0.1);
  197.         - '--ha-card-box-shadow': none
  198.         - border-radius: 20px
  199.         - '--mdc-ripple-color': white
  200.         - '--mdc-ripple-press-opacity': 1.5
  201.         - border: 1px solid var(--primary-text-color)
  202.     tap_action:
  203.       action: toggle
  204.     hold_action:
  205.       action: more-info
  206.     double_tap_action:
  207.       action: none
  208.   blank_custom_button:
  209.     show_icon: false
  210.     show_name: false
  211.     show_state: false
  212.     triggers_update: all
  213.     styles:
  214.       card:
  215.         - border: none
  216.         - '--ha-card-box-shadow': none
  217.     tap_action:
  218.       action: none
  219.     hold_action:
  220.       action: none
  221.     double_tap_action:
  222.       action: none
  223.   oversized_custom_button:
  224.     template: generic_custom_button
  225.     aspect_ratio: 2/2
  226.     custom_fields:
  227.       color_temp: |-
  228.         [[[ if ((entity.state === 'on')) ;
  229.             if (entity.attributes.color_mode == 'color_temp') return entity.attributes.color_temp_kelvin + "K";
  230.             if (entity.attributes.rgb_color != undefined) return "RGB(" + entity.attributes.rgb_color + ")";
  231.             else return;
  232.         ]]]
  233.       last_changed: |-
  234.         [[[ if (entity.state === 'on') {
  235.             var last_changed_in_minutes = ((new Date().getTime() - new Date(entity.last_changed).getTime())/60000).toFixed(0);  
  236.             if (last_changed_in_minutes < 1) return;
  237.             if (last_changed_in_minutes < 60) return last_changed_in_minutes + " min";
  238.             if (last_changed_in_minutes >= 60) {
  239.               var hrs = Math.floor(last_changed_in_minutes / 60);
  240.               return hrs + " hr" + " " + (last_changed_in_minutes % (hrs * 60)) + " min"; }
  241.             } ]]]
  242.     styles:
  243.       card:
  244.         - background: null;
  245.         - font-size: 30px
  246.       icon:
  247.         - width: 125%
  248.       custom_fields:
  249.         color_temp:
  250.           - align-self: middle
  251.           - justify-self: right
  252.           - position: absolute
  253.           - right: 3%
  254.           - top: 3%
  255.           - font-size: 20px
  256.           - color: white
  257.           - transform: rotate(0deg)
  258.           - opacity: 33%
  259.         last_changed:
  260.           - align-self: middle
  261.           - justify-self: right
  262.           - position: absolute
  263.           - right: 3%
  264.           - top: 8%
  265.           - font-size: 20px
  266.           - color: white
  267.           - transform: rotate(0deg)
  268.           - opacity: 33%
  269.     card_mod:
  270.       style: |
  271.        ha-card {
  272.           background: none;
  273.           {% if state_attr(config.entity, "color_mode") == "xy" %}
  274.             {% set r = state_attr(config.entity, 'rgb_color')[0] %}
  275.             {% set g = state_attr(config.entity, 'rgb_color')[1] %}
  276.             {% set b = state_attr(config.entity, 'rgb_color')[2] %}
  277.             background-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 );
  278.             --card-mod-icon-color: rgba( {{r}}, {{g}}, {{b}}, 1 );
  279.             //--primary-text-color: rgba( {{r}}, {{g}}, {{b}}, 0.99 );
  280.             //--secondary-text-color: rgba( {{r}}, {{g}}, {{b}}, 0.50 );
  281.           {% elif state_attr(config.entity, "color_mode") == "color_temp" %}
  282.             --card-mod-icon-color: yellow;
  283.             --primary-text-color: white;
  284.           {% elif is_state(config.entity, 'off') %}
  285.             background: none;
  286.             --card-mod-icon-color: rgb(28, 28, 28);
  287.             --primary-text-color: rgb(128, 128, 128);
  288.           {%- endif %}
  289.         }
  290.   oversized_custom_button_with_auto:
  291.     template: oversized_custom_button
  292.     variables:
  293.       var_auto_entity: input_boolean.automation_auto_kitchen_lights
  294.       var_timer_entity: timer.automation_auto_office_lights
  295.     custom_fields:
  296.       auto: >
  297.        [[[ if ((states[variables.var_auto_entity].state === 'on')) return
  298.         "Automatic"; ]]]
  299.       countdown_timer:
  300.         card:
  301.           type: conditional
  302.           conditions:
  303.             - entity: '[[[ return variables.var_timer_entity ]]]'
  304.               state: active
  305.           card:
  306.             type: entities
  307.             entities:
  308.               - entity: '[[[ return variables.var_timer_entity ]]]'
  309.                 name: "\_"
  310.                 icon: none
  311.             card_mod:
  312.               style: |
  313.                ha-card {
  314.                   background: none;
  315.                   border: none;
  316.                   padding: 0px 0 0 0
  317.                 }
  318.       timer-bar-card:
  319.         card:
  320.           type: custom:timer-bar-card
  321.           entity: '[[[ return variables.var_timer_entity ]]]'
  322.           translations:
  323.             idle: "\_"
  324.           layout: full_row
  325.           invert: true
  326.           bar_background: none
  327.           bar_height: 5px
  328.           bar_radius: 5px
  329.           text_width: 0px
  330.           sync_issues: fix
  331.           tap_action:
  332.             action: none
  333.           modifications:
  334.             - remaining: 100%
  335.               bar_foreground: lime
  336.             - remaining: 75%
  337.               bar_foreground: orange
  338.             - remaining: 50%
  339.               bar_foreground: yellow
  340.             - remaining: 25%
  341.               bar_foreground: red
  342.     styles:
  343.       custom_fields:
  344.         auto:
  345.           - align-self: middle
  346.           - justify-self: left
  347.           - position: absolute
  348.           - left: 3%
  349.           - top: 3%
  350.           - font-size: 24px
  351.           - color: yellow
  352.           - transform: rotate(0deg)
  353.           - opacity: 33%
  354.         countdown_timer:
  355.           - align-self: left
  356.           - justify-self: left
  357.           - position: absolute
  358.           - left: 12%
  359.           - top: '-9px'
  360.           - font-size: 18px
  361.           - color: gray
  362.           - transform: rotate(0deg)
  363.           - opacity: 33%
  364.         timer-bar-card:
  365.           - align-self: left
  366.           - justify-self: left
  367.           - position: absolute
  368.           - width: 100%
  369.           - left: 0%
  370.           - bottom: '-16px'
  371.           - font-size: 18px
  372.           - transform: rotate(0deg)
  373.           - opacity: 75%
  374.     double_tap_action:
  375.       action: call-service
  376.       service: input_boolean.toggle
  377.       service_data:
  378.         entity_id: '[[[ return variables.var_auto_entity; ]]]'
  379.   rgb_kelvin_color_selector_base:
  380.     template: generic_custom_button
  381.     variables:
  382.       var_color_name: null
  383.       var_color_temp: null
  384.       var_kelvin_value: null
  385.       var_entity_id: light.living_room_lights
  386.     show_name: false
  387.     show_icon: false
  388.     styles:
  389.       card:
  390.         - border-radius: 50%
  391.         - height: 75px
  392.         - width: 75px
  393.         - background-color: rgba(255, 0, 0, 0.5)
  394.     tap_action:
  395.       action: call-service
  396.       service: light.turn_on
  397.       service_data:
  398.         entity_id: '[[[ return variables.var_entity_id; ]]]'
  399.     hold_action:
  400.       action: call-service
  401.       service: nodered.trigger
  402.       service_data:
  403.         entity_id: switch.nodered_all_lights_to_rgb
  404.   rgb_selector:
  405.     template: rgb_kelvin_color_selector_base
  406.     tap_action:
  407.       service_data:
  408.         color_name: '[[[ return variables.var_color_name; ]]]'
  409.     hold_action:
  410.       service_data:
  411.         message:
  412.           color_name: '[[[ return variables.var_color_name ]]]'
  413.   kelvin_selector:
  414.     template: rgb_kelvin_color_selector_base
  415.     tap_action:
  416.       service_data:
  417.         kelvin: '[[[ return variables.var_kelvin_value; ]]]'
  418.     hold_action:
  419.       service_data:
  420.         message:
  421.           kelvin: '[[[ return variables.var_kelvin_value; ]]]'
  422.   color_temp_selector:
  423.     template: rgb_kelvin_color_selector_base
  424.     tap_action:
  425.       service_data:
  426.         color_temp: '[[[ return variables.var_color_temp; ]]]'
  427.     hold_action:
  428.       service_data:
  429.         message:
  430.           color_temp: '[[[ return variables.var_color_temp; ]]]'
  431.   brightness_selector:
  432.     template: generic_custom_button
  433.     variables:
  434.       var_value: 100
  435.       var_entity_id: light.living_room_lights
  436.     name: '[[[ return `${variables.var_value}%` ]]]'
  437.     show_icon: false
  438.     state:
  439.       - operator: template
  440.         value: |-
  441.           [[[ return states[variables.var_entity_id].attributes.brightness
  442.               <= Math.floor((variables.var_value+5)*2.55) &&
  443.               states[variables.var_entity_id].attributes.brightness
  444.               >= Math.floor((variables.var_value-5)*2.55)]]]
  445.         styles:
  446.           name:
  447.             - color: yellow
  448.           card:
  449.             - box-shadow: inset 0px 0px 5px 1px yellow
  450.             - border: 1px solid yellow
  451.     styles:
  452.       card:
  453.         - height: 75px
  454.       name:
  455.         - font-weight: bold
  456.         - font-size: 24px
  457.     tap_action:
  458.       action: call-service
  459.       service: light.turn_on
  460.       service_data:
  461.         brightness_pct: '[[[ return variables.var_value; ]]]'
  462.         entity_id: '[[[ return variables.var_entity_id; ]]]'
  463.     hold_action:
  464.       action: call-service
  465.       service: nodered.trigger
  466.       service_data:
  467.         entity_id: switch.nodered_all_lights_to_rgb
  468.         message:
  469.           brightness_pct: '[[[ return variables.var_value; ]]]'
  470.   battery_custom_button:
  471.     template: generic_custom_button
  472.     entity: sensor.tab_s7_fe_battery_level
  473.     name: Tablet
  474.     tap_action:
  475.       action: none
  476.     variables:
  477.       var_color: |-
  478.         [[[
  479.           var battery_level=entity.state;
  480.           if (battery_level > 70) return 'lime';
  481.           else if (battery_level >= 30) return 'yellow';
  482.           else return 'red';
  483.         ]]]
  484.     custom_fields:
  485.       battery_percentage: |
  486.        [[[ if (entity.state === 'unavailable') return " ";
  487.             else return `${entity.state}%` ]]]
  488.     styles:
  489.       card:
  490.         - border: none
  491.       icon:
  492.         - color: '[[[ return variables.var_color ]]]'
  493.         - animation: |
  494.            [[[ if (entity.state <= 10 ) return 'blink 2s ease infinite'; ]]]
  495.       custom_fields:
  496.         battery_percentage:
  497.           - align-self: middle
  498.           - justify-self: center
  499.           - position: absolute
  500.           - left: 5%
  501.           - top: 25%
  502.           - font-size: 14px
  503.           - color: '[[[ return variables.var_color ]]]'
  504.           - transform: rotate(90deg)
  505.   motion_detector_animated:
  506.     entity: binary_sensor.bathroom_motion_detector_on_off
  507.     name: Bathroom
  508.     show_name: true
  509.     variables:
  510.       var_battery_entity: sensor.living_room_motion_detector_battery_level
  511.     custom_fields:
  512.       battery_percentage: >
  513.         [[[ return `<ha-icon icon="mdi:circle-small" style="width: 25px; height:
  514.        25px;"> </ha-icon>`; ]]]
  515.    styles:
  516.      custom_fields:
  517.        battery_percentage:
  518.          - position: absolute
  519.          - left: 5%
  520.          - top: 5%
  521.          - color: |-
  522.              [[[
  523.                var battery_level=states[variables.var_battery_entity].state;
  524.                if (battery_level > 70) return 'lime';
  525.                else if (battery_level >= 30) return 'yellow';
  526.                else return 'red';
  527.              ]]]
  528.      card:
  529.        - background-color: rgb(17, 17, 17)
  530.        - border-radius: 20px
  531.    state:
  532.      - value: 'off'
  533.        operator: '=='
  534.        icon: mdi:walk
  535.        color: rgb(28, 28, 28)
  536.        styles:
  537.          name:
  538.            - color: rgb(28, 28, 28)
  539.      - value: 'on'
  540.        operator: '=='
  541.        icon: mdi:motion-sensor
  542.        color: rgb(255, 0, 0)
  543.        styles:
  544.          name:
  545.            - color: white
  546.          icon:
  547.            - animation: blink 2s ease infinite
  548.      - value: unavailable
  549.        operator: '=='
  550.        icon: mdi:walk
  551.        color: rgb(255, 255, 0)
  552.        styles:
  553.          name:
  554.            - color: rgb(255, 255, 0)
  555.            - animation: blink 3s cubic-bezier(.2, 0, 1, 1) infinite
  556.    tap_action:
  557.      action: none
  558.    hold_action:
  559.      action: none
  560.    double_tap_action:
  561.      action: none
  562.  chips:
  563.    tap_action:
  564.      action: more-info
  565.    show_icon: false
  566.    show_label: true
  567.    show_name: false
  568.    show_state: false
  569.    styles:
  570.      label:
  571.        - justify-self: center
  572.        - padding: 0px 6px
  573.        - font-weight: bold
  574.        - font-size: 14px
  575.      img_cell:
  576.        - width: 24px
  577.      grid:
  578.        - grid-template-areas: '''l'''
  579.      card:
  580.        - border-radius: 18px
  581.        - box-shadow: var(--box-shadow)
  582.        - height: 36px
  583.        - width: auto
  584.        - padding-left: 6px
  585.        - padding-right: 6px
  586.    size: 80%
  587.  chip_icon_label:
  588.    template: chips
  589.    show_icon: true
  590.    size: 100%
  591.    styles:
  592.      card:
  593.        - padding-top: 6px
  594.        - padding-button: 6px
  595.        - padding-left: 12px
  596.      grid:
  597.        - grid-template-areas: '''i l'''
  598.        - grid-template-columns: max_content auto
  599.        - grid-template-rows: min-content
  600.      img_cell:
  601.        - place-self: center
  602.        - width: 14px
  603.        - height: 24px
  604.      label:
  605.        - font-size: 12px
  606.        - margin-left: 0px
  607. views:
  608.  - theme: Derek Dark Theme
  609.    subview: false
  610.    type: panel
  611.    title: Room
  612.    path: room
  613.    icon: mdi:floor-plan
  614.    badges: []
  615.    cards:
  616.      - type: custom:layout-card
  617.        layout_type: grid
  618.        layout:
  619.          grid-template-columns: 50% 50%
  620.        cards:
  621.          - type: custom:room-card
  622.            title: Living Room
  623.            entity: light.living_room_lights
  624.            show_icon: true
  625.            state_color: false
  626.            show_state: false
  627.            icon:
  628.              state_on: mdi:lightbulb-group
  629.              state_off: mdi:lightbulb-group-outline
  630.              template:
  631.                styles: >
  632.                  if (entity.state == 'on') return 'color: yellow'; else return
  633.                  'color: rgb(169, 177, 188)';
  634.            tap_action:
  635.              action: toggle
  636.            hold_action:
  637.              action: navigate
  638.              navigation_path: /fire-main/living-room
  639.            templates:
  640.              - name: light_template
  641.                template:
  642.                  show_icon: true
  643.                  tap_action:
  644.                    action: toggle
  645.                  icon:
  646.                    conditions:
  647.                      - condition: equals
  648.                        value: 'on'
  649.                        icon: mdi:lightbulb
  650.                      - condition: equals
  651.                        value: 'off'
  652.                        icon: mdi:lightbulb-outline
  653.              - name: battery_template
  654.                template:
  655.                  show_icon: true
  656.                  state_color: true
  657.                  tap_action:
  658.                    action: none
  659.            info_entities:
  660.              - entity: binary_sensor.living_room_door_on_off
  661.                show_icon: true
  662.                state_color: true
  663.              - entity: binary_sensor.living_room_door_vibration
  664.                show_icon: true
  665.                state_color: true
  666.              - entity: binary_sensor.living_room_motion_detector_on_off
  667.                show_icon: true
  668.                state_color: false
  669.                card_mod:
  670.                  style: |
  671.                    ha-card {
  672.                      animation: blink 1s linear infinite;  
  673.                    }
  674.                icon:
  675.                  conditions:
  676.                    - condition: equals
  677.                      value: 'on'
  678.                      styles:
  679.                        color: red
  680.                        animation: blink 1s linear infinite
  681.                    - condition: equals
  682.                      value: 'off'
  683.                      styles:
  684.                        color: green
  685.              - entity: binary_sensor.espresense_living_room
  686.                show_icon: true
  687.                state_color: false
  688.                icon:
  689.                  conditions:
  690.                    - icon: mdi:bluetooth-connect
  691.                      condition: equals
  692.                      value: 'on'
  693.                      styles:
  694.                        color: blue
  695.                    - icon: mdi:bluetooth-off
  696.                      condition: equals
  697.                      value: 'off'
  698.                      styles:
  699.                        color: dodgerblue
  700.              - entity: sensor.living_room_motion_detector_illuminance
  701.              - entity: sensor.living_room_motion_detector_temperature
  702.                format: precision0
  703.            rows:
  704.              - entities:
  705.                  - entity: light.living_room1
  706.                    name: Right
  707.                    template: light_template
  708.                  - entity: light.living_room2
  709.                    name: Left
  710.                    template: light_template
  711.              - entities:
  712.                  - entity: sensor.fire_living_room_battery_level
  713.                    name: Fire
  714.                    template: battery_template
  715.                  - entity: sensor.living_room_door_power
  716.                    name: Door
  717.                    template: battery_template
  718.                  - entity: sensor.living_room_door_vibration_power
  719.                    name: Vibration
  720.                    template: battery_template
  721.                  - entity: sensor.living_room_motion_detector_power
  722.                    name: Motion
  723.                    template: battery_template
  724.                  - entity: sensor.living_room_tradfri_power
  725.                    name: Tradfri
  726.                    template: battery_template
  727.                  - entity: input_boolean.automation_plex_scene
  728.                    name: Plex Scene
  729.                    show_icon: true
  730.                    icon:
  731.                      template:
  732.                        styles: >
  733.                          if (entity.state == 'on') return 'color: yellow'; else
  734.                          return 'color: rgb(169, 177, 188)';
  735.                    tap_action:
  736.                      action: toggle
  737.                  - entity: input_boolean.guest_mode
  738.                    name: Guest Mode
  739.                    show_icon: true
  740.                    icon:
  741.                      state_on: mdi:home
  742.                      state_off: mdi:home-outline
  743.                      template:
  744.                        styles: >
  745.                          if (entity.state == 'on') return 'color: yellow'; else
  746.                          return 'color: rgb(169, 177, 188)';
  747.                    tap_action:
  748.                      action: toggle
  749.          - type: custom:room-card
  750.            title: Kitchen
  751.            entity: light.kitchen_lights
  752.            show_icon: true
  753.            state_color: false
  754.            show_state: false
  755.            icon:
  756.              state_on: mdi:lightbulb-group
  757.              state_off: mdi:lightbulb-group-outline
  758.              template:
  759.                styles: >
  760.                  if (entity.state == 'on') return 'color: yellow'; else return
  761.                  'color: rgb(169, 177, 188)';
  762.            tap_action:
  763.              action: toggle
  764.            hold_action:
  765.              action: navigate
  766.              navigation_path: /fire-main/kitchen
  767.            templates:
  768.              - name: light_template
  769.                template:
  770.                  show_icon: true
  771.                  tap_action:
  772.                    action: toggle
  773.                  icon:
  774.                    conditions:
  775.                      - condition: equals
  776.                        value: 'on'
  777.                        icon: mdi:lightbulb
  778.                      - condition: equals
  779.                        value: 'off'
  780.                        icon: mdi:lightbulb-outline
  781.              - name: battery_template
  782.                template:
  783.                  show_icon: true
  784.                  state_color: true
  785.                  tap_action:
  786.                    action: none
  787.              - name: binary_template
  788.                template:
  789.                  show_icon: true
  790.                  state_color: false
  791.                  icon:
  792.                    conditions:
  793.                      - condition: equals
  794.                        value: 'on'
  795.                        styles:
  796.                          color: red
  797.                      - condition: equals
  798.                        value: 'off'
  799.                        styles:
  800.                          color: green
  801.            info_entities:
  802.              - entity: binary_sensor.kitchen_leak_sensor_status
  803.                template: binary_template
  804.              - entity: binary_sensor.kitchen_motion_detector_2_on_off
  805.                template: binary_template
  806.              - entity: binary_sensor.kitchen_motion_detector_on_off
  807.                template: binary_template
  808.            rows:
  809.              - entities:
  810.                  - entity: light.kitchen
  811.                    name: Overhead
  812.                    template: light_template
  813.                  - entity: light.stove
  814.                    name: Stove
  815.                    template: light_template
  816.              - entities:
  817.                  - entity: sensor.kitchen_button_power
  818.                    name: Button
  819.                    template: battery_template
  820.                  - entity: sensor.kitchen_motion_detector_power
  821.                    name: Motion 1
  822.                    template: battery_template
  823.                  - entity: sensor.kitchen_motion_detector_2_power
  824.                    name: Motion 2
  825.                    template: battery_template
  826.                  - entity: sensor.kitchen_leak_sensor_battery
  827.                    name: Leak
  828.                    template: battery_template
  829.                  - entity: input_boolean.automation_auto_kitchen_lights
  830.                    name: Auto Lights
  831.                    show_icon: true
  832.                    icon:
  833.                      state_on: mdi:lightbulb-auto
  834.                      state_off: mdi:lightbulb-auto-outline
  835.                      template:
  836.                        styles: >
  837.                          if (entity.state == 'on') return 'color: yellow'; else
  838.                          return 'color: rgb(169, 177, 188)';
  839.                    tap_action:
  840.                      action: toggle
  841.          - type: custom:room-card
  842.            title: Bathroom
  843.            entity: light.bathroom_lights
  844.            show_icon: true
  845.            state_color: false
  846.            show_state: false
  847.            icon:
  848.              state_on: mdi:lightbulb-group
  849.              state_off: mdi:lightbulb-group-outline
  850.              template:
  851.                styles: >
  852.                  if (entity.state == 'on') return 'color: yellow'; else return
  853.                  'color: rgb(169, 177, 188)';
  854.            tap_action:
  855.              action: toggle
  856.            hold_action:
  857.              action: navigate
  858.              navigation_path: /fire-main/bathroom
  859.            templates:
  860.              - name: light_template
  861.                template:
  862.                  show_icon: true
  863.                  tap_action:
  864.                    action: toggle
  865.                  icon:
  866.                    conditions:
  867.                      - condition: equals
  868.                        value: 'on'
  869.                        icon: mdi:lightbulb
  870.                      - condition: equals
  871.                        value: 'off'
  872.                        icon: mdi:lightbulb-outline
  873.              - name: battery_template
  874.                template:
  875.                  show_icon: true
  876.                  state_color: true
  877.                  tap_action:
  878.                    action: none
  879.            info_entities:
  880.              - entity: binary_sensor.bathroom_door
  881.                show_icon: true
  882.                state_color: false
  883.                icon:
  884.                  conditions:
  885.                    - condition: equals
  886.                      value: 'on'
  887.                      icon: mdi:door-open
  888.                      styles:
  889.                        color: rgb(169, 177, 188)
  890.                    - condition: equals
  891.                      value: 'off'
  892.                      icon: mdi:door
  893.                      styles:
  894.                        color: yellow
  895.              - entity: binary_sensor.bathroom_motion_detector_on_off
  896.                show_icon: true
  897.                state_color: false
  898.                icon:
  899.                  conditions:
  900.                    - condition: equals
  901.                      value: 'on'
  902.                      styles:
  903.                        color: red
  904.                    - condition: equals
  905.                      value: 'off'
  906.                      styles:
  907.                        color: green
  908.              - entity: sensor.bathroom_motion_detector_illuminance
  909.              - entity: sensor.bathroom_door_temperature
  910.                format: precision0
  911.            rows:
  912.              - entities:
  913.                  - entity: light.bathroom1
  914.                    name: 1
  915.                    template: light_template
  916.                  - entity: light.bathroom2
  917.                    name: 2
  918.                    template: light_template
  919.                  - entity: light.bathroom3
  920.                    name: 3
  921.                    template: light_template
  922.                  - entity: light.bathroom4
  923.                    name: 4
  924.                    template: light_template
  925.              - entities:
  926.                  - entity: sensor.bathroom_door_power
  927.                    name: Door
  928.                    template: battery_template
  929.                  - entity: sensor.bathroom_motion_detector_power
  930.                    name: Motion
  931.                    template: battery_template
  932.                  - entity: sensor.bathroom_tradfri_power
  933.                    name: Tradfri
  934.                    template: battery_template
  935.                  - entity: input_boolean.automation_auto_bathroom_lights
  936.                    name: Auto Lights
  937.                    show_icon: true
  938.                    icon:
  939.                      state_on: mdi:lightbulb-auto
  940.                      state_off: mdi:lightbulb-auto-outline
  941.                      template:
  942.                        styles: >
  943.                          if (entity.state == 'on') return 'color: yellow'; else
  944.                          return 'color: rgb(169, 177, 188)';
  945.                    tap_action:
  946.                      action: toggle
  947.          - type: custom:room-card
  948.            title: Office
  949.            entity: light.office_lights
  950.            show_icon: true
  951.            state_color: false
  952.            show_state: false
  953.            icon:
  954.              state_on: mdi:lightbulb-group
  955.              state_off: mdi:lightbulb-group-outline
  956.              template:
  957.                styles: >
  958.                  if (entity.state == 'on') return 'color: yellow'; else return
  959.                  'color: rgb(169, 177, 188)';
  960.            tap_action:
  961.              action: toggle
  962.            hold_action:
  963.              action: navigate
  964.              navigation_path: /fire-main/office
  965.            templates:
  966.              - name: light_template
  967.                template:
  968.                  show_icon: true
  969.                  tap_action:
  970.                    action: toggle
  971.                  icon:
  972.                    conditions:
  973.                      - condition: equals
  974.                        value: 'on'
  975.                        icon: mdi:lightbulb
  976.                      - condition: equals
  977.                        value: 'off'
  978.                        icon: mdi:lightbulb-outline
  979.              - name: battery_template
  980.                template:
  981.                  show_icon: true
  982.                  state_color: true
  983.                  tap_action:
  984.                    action: none
  985.            info_entities:
  986.              - entity: sensor.canon_laser_printer
  987.                show_icon: true
  988.                state_color: true
  989.              - entity: binary_sensor.office_motion_detector_on_off
  990.                show_icon: true
  991.                state_color: false
  992.                icon:
  993.                  conditions:
  994.                    - condition: equals
  995.                      value: 'on'
  996.                      styles:
  997.                        color: red
  998.                    - condition: equals
  999.                      value: 'off'
  1000.                      styles:
  1001.                        color: green
  1002.              - entity: sensor.office_motion_detector_illuminance
  1003.              - entity: sensor.office_motion_detector_temperature
  1004.                show_icon: false
  1005.                format: precision0
  1006.            rows:
  1007.              - entities:
  1008.                  - entity: light.office1
  1009.                    name: Main
  1010.                    template: light_template
  1011.                  - entity: light.office2
  1012.                    name: Lamp
  1013.                    template: light_template
  1014.              - entities:
  1015.                  - entity: sensor.office_motion_detector_power
  1016.                    name: Motion
  1017.                    template: battery_template
  1018.                  - entity: sensor.office_button_power
  1019.                    name: Button
  1020.                    template: battery_template
  1021.                  - entity: input_boolean.automation_auto_office_lights
  1022.                    name: Auto Lights
  1023.                    show_icon: true
  1024.                    icon:
  1025.                      state_on: mdi:lightbulb-auto
  1026.                      state_off: mdi:lightbulb-auto-outline
  1027.                      template:
  1028.                        styles: >
  1029.                          if (entity.state == 'on') return 'color: yellow'; else
  1030.                          return 'color: rgb(169, 177, 188)';
  1031.                    tap_action:
  1032.                      action: toggle
  1033.          - type: custom:room-card
  1034.            title: Hallway
  1035.            entity: light.hallway
  1036.            show_icon: true
  1037.            state_color: false
  1038.            show_state: false
  1039.            icon:
  1040.              state_on: mdi:lightbulb-group
  1041.              state_off: mdi:lightbulb-group-outline
  1042.              template:
  1043.                styles: >
  1044.                  if (entity.state == 'on') return 'color: yellow'; else return
  1045.                  'color: rgb(169, 177, 188)';
  1046.            tap_action:
  1047.              action: toggle
  1048.            templates:
  1049.              - name: light_template
  1050.                template:
  1051.                  show_icon: true
  1052.                  tap_action:
  1053.                    action: toggle
  1054.                  icon:
  1055.                    conditions:
  1056.                      - condition: equals
  1057.                        value: 'on'
  1058.                        icon: mdi:lightbulb
  1059.                      - condition: equals
  1060.                        value: 'off'
  1061.                        icon: mdi:lightbulb-outline
  1062.              - name: battery_template
  1063.                template:
  1064.                  show_icon: true
  1065.                  state_color: true
  1066.                  tap_action:
  1067.                    action: none
  1068.            info_entities:
  1069.              - entity: binary_sensor.hallway_closet
  1070.                show_icon: true
  1071.                state_color: true
  1072.              - entity: binary_sensor.smoke_detector_smoke_alarm_smoke_detected
  1073.                show_icon: true
  1074.                state_color: true
  1075.              - entity: binary_sensor.smoke_detector_co_alarm_carbon_monoxide_detected
  1076.                show_icon: true
  1077.                state_color: true
  1078.            rows:
  1079.              - entities:
  1080.                  - entity: light.hallway
  1081.                    template: light_template
  1082.              - entities:
  1083.                  - entity: sensor.hallway_closet_battery
  1084.                    name: Closet
  1085.                    template: battery_template
  1086.                  - entity: sensor.smoke_detector_battery_level
  1087.                    name: Smoke/CO2
  1088.                    template: battery_template
  1089.                  - entity: input_boolean.automation_auto_hallway_lights
  1090.                    name: Auto Lights
  1091.                    show_icon: true
  1092.                    icon:
  1093.                      state_on: mdi:lightbulb-auto
  1094.                      state_off: mdi:lightbulb-auto-outline
  1095.                      template:
  1096.                        styles: >
  1097.                          if (entity.state == 'on') return 'color: yellow'; else
  1098.                          return 'color: rgb(169, 177, 188)';
  1099.                    tap_action:
  1100.                      action: toggle
  1101.          - type: custom:room-card
  1102.            title: Bedroom
  1103.            entity: light.bedroom_lights
  1104.            show_icon: true
  1105.            state_color: false
  1106.            show_state: false
  1107.            icon:
  1108.              state_on: mdi:lightbulb-group
  1109.              state_off: mdi:lightbulb-group-outline
  1110.              template:
  1111.                styles: >
  1112.                  if (entity.state == 'on') return 'color: yellow'; else return
  1113.                  'color: rgb(169, 177, 188)';
  1114.            tap_action:
  1115.              action: toggle
  1116.            hold_action:
  1117.              action: navigate
  1118.              navigation_path: /fire-main/bedroom
  1119.            templates:
  1120.              - name: light_template
  1121.                template:
  1122.                  show_icon: true
  1123.                  tap_action:
  1124.                    action: toggle
  1125.                  icon:
  1126.                    conditions:
  1127.                      - condition: equals
  1128.                        value: 'on'
  1129.                        icon: mdi:lightbulb
  1130.                      - condition: equals
  1131.                        value: 'off'
  1132.                        icon: mdi:lightbulb-outline
  1133.              - name: battery_template
  1134.                template:
  1135.                  show_icon: true
  1136.                  state_color: true
  1137.                  tap_action:
  1138.                    action: none
  1139.            info_entities:
  1140.              - entity: binary_sensor.bedroom_motion_detector_on_off
  1141.                show_icon: true
  1142.                state_color: false
  1143.                icon:
  1144.                  conditions:
  1145.                    - condition: equals
  1146.                      value: 'on'
  1147.                      styles:
  1148.                        color: red
  1149.                    - condition: equals
  1150.                      value: 'off'
  1151.                      styles:
  1152.                        color: green
  1153.              - entity: binary_sensor.espresense_bedroom
  1154.                show_icon: true
  1155.                state_color: false
  1156.                icon:
  1157.                  conditions:
  1158.                    - icon: mdi:bluetooth-connect
  1159.                      condition: equals
  1160.                      value: 'on'
  1161.                      styles:
  1162.                        color: blue
  1163.                    - icon: mdi:bluetooth-off
  1164.                      condition: equals
  1165.                      value: 'off'
  1166.                      styles:
  1167.                        color: dodgerblue
  1168.              - entity: sensor.bedroom_motion_detector_illuminance
  1169.              - entity: sensor.bedroom_motion_detector_temperature
  1170.                format: precision0
  1171.            rows:
  1172.              - entities:
  1173.                  - entity: null
  1174.                  - entity: light.bedroom1
  1175.                    name: Nightstand
  1176.                    template: light_template
  1177.                  - entity: light.bedroom2
  1178.                    name: Dresser
  1179.                    template: light_template
  1180.                  - entity: light.bedroom_floor_lamp
  1181.                    name: Floor Lamp
  1182.                    template: light_template
  1183.              - entities:
  1184.                  - entity: sensor.s22_ultra_battery_level
  1185.                    name: Phone
  1186.                    template: battery_template
  1187.                  - entity: sensor.watch5_battery_level
  1188.                    name: Watch
  1189.                    template: battery_template
  1190.                  - entity: sensor.tab_s7_fe_battery_level
  1191.                    name: Tablet
  1192.                    template: battery_template
  1193.                  - entity: sensor.fire_computer_desk_battery_level
  1194.                    name: Fire
  1195.                    template: battery_template
  1196.                  - entity: sensor.bedroom_motion_detector_battery
  1197.                    name: Motion
  1198.                    template: battery_template
  1199.                  - entity: sensor.bedroom_tradfri_1_power
  1200.                    name: Tradfri 1
  1201.                    template: battery_template
  1202.                  - entity: sensor.bedroom_tradfri_2_power
  1203.                    name: Tradfri 2
  1204.                    template: battery_template
  1205.                  - entity: sensor.bedroom_tempertaure_power
  1206.                    name: Temp
  1207.                    template: battery_template
  1208.                  - entity: sensor.lumi_lumi_sensor_cube_power
  1209.                    name: Cube
  1210.                    template: battery_template
  1211.  - title: Living Room
  1212.    path: living-room
  1213.    theme: Derek Dark Theme
  1214.    animated_background: weather
  1215.    type: panel
  1216.    badges: []
  1217.    cards:
  1218.      - type: vertical-stack
  1219.        cards:
  1220.          - type: custom:mushroom-chips-card
  1221.            chips:
  1222.              - type: entity
  1223.                entity: person.derek
  1224.                use_entity_picture: true
  1225.                card_mod:
  1226.                  style: |
  1227.                    ha-card {
  1228.                      border: unset;
  1229.                      --chip-background: none;
  1230.                      --chip-font-size: 16px;
  1231.                      --chip-padding: 0 0.3em;
  1232.                      --chip-box-shadow: none;
  1233.              - type: template
  1234.                content: >-
  1235.                  {{ states(entity) }} {{ state_attr(entity,
  1236.                  "unit_of_measurement") }}
  1237.                icon: >
  1238.                  {% set battery_level =
  1239.                  states('sensor.s22_ultra_battery_level') | int // 10 * 10 %}
  1240.                  {% set charging_state =
  1241.                  states('sensor.s22_ultra_charger_type') %}  {% set is_charging
  1242.                  = is_state('binary_sensor.s22_ultra_is_charging', 'on') |
  1243.                  iif(True, False) %}
  1244.  
  1245.                  {% set map = {"none":"", "ac":"charging-",
  1246.                  "wireless":"charging-wireless-"} %} {% set charging =
  1247.                  map[states('sensor.s22_ultra_charger_type')] %}
  1248.  
  1249.                  {% if battery_level == 100 and is_charging == True %}
  1250.                  mdi:battery-charging  {% elif battery_level == 100 %}
  1251.                  mdi:battery     {% elif battery_level >= 10 %}
  1252.                  mdi:battery-{{charging}}{{battery_level}}    {% elif
  1253.                  battery_level >= 0 %}mdi:battery-{{charging}}outline    {%
  1254.                  else %} mdi:battery-unknown    {% endif %}
  1255.                entity: sensor.s22_ultra_battery_level
  1256.                icon_color: |
  1257.                  {% set battery_level = (states(entity) | int) %}
  1258.                  {% if battery_level >= 90 %} green
  1259.                  {% elif battery_level >= 80 %} light-green
  1260.                  {% elif battery_level >= 68 %} orange
  1261.                  {% elif battery_level >= 56 %} yellow
  1262.                  {% elif battery_level >= 44 %} amber
  1263.                  {% elif battery_level >= 32 %} orange
  1264.                  {% elif battery_level >= 20 %} deep-orange
  1265.                  {% else %} red
  1266.                  {% endif %}
  1267.                tap_action:
  1268.                  action: none
  1269.                hold_action:
  1270.                  action: none
  1271.                double_tap_action:
  1272.                  action: none
  1273.              - type: template
  1274.                entity: input_boolean.guest_mode
  1275.                content: Guest Mode
  1276.                icon: |
  1277.                  {{ (states(entity)=="on") | iif("mdi:home",
  1278.                  "mdi:home-off-outline") }}
  1279.                icon_color: |
  1280.                  {{ (states(entity)=="on") | iif("green", "red") }}
  1281.                press_action:
  1282.                  action: toggle
  1283.              - type: template
  1284.                entity: input_boolean.automation_override
  1285.                content: Automations
  1286.                icon: >
  1287.                  {{ (states(entity)=="off") | iif("mdi:lightbulb-auto",
  1288.                  "mdi:lightbulb-auto-outline") }}
  1289.                icon_color: |
  1290.                  {{ (states(entity)=="off") | iif("green", "red") }}
  1291.                press_action:
  1292.                  action: toggle
  1293.                hold_action:
  1294.                  action: navigate
  1295.                  navigation_path: /fire-main/automations
  1296.              - type: template
  1297.                entity: input_boolean.automation_interior_motion_detectors
  1298.                content: Motion Detectors
  1299.                icon: >
  1300.                  {{ (states(entity)=="on") | iif("mdi:motion-sensor",
  1301.                  "mdi:motion-sensor-off") }}
  1302.                icon_color: |
  1303.                  {{ (states((entity))=="on") | iif("green", "red") }}
  1304.                press_action:
  1305.                  action: toggle
  1306.              - type: conditional
  1307.                conditions:
  1308.                  - entity: binary_sensor.living_room_motion_detector_on_off
  1309.                    state: 'on'
  1310.                chip:
  1311.                  type: template
  1312.                  icon_color: red
  1313.                  icon: mdi:motion-sensor
  1314.                  card_mod:
  1315.                    style: |
  1316.                      :host {
  1317.                        position: fixed;
  1318.                        top: 0px;
  1319.                        left: 94%;
  1320.                        z-index: 99;
  1321.                      }
  1322.                      ha-card {
  1323.                        {% if is_state('binary_sensor.living_room_motion_detector_on_off', 'on') %}
  1324.                            animation: ping 2s infinite
  1325.                        {% endif %}
  1326.                      }
  1327.                      @keyframes ping {
  1328.                        0% { box-shadow: inset 0 0 1px 0px rgba(255,0,0, 0.7); }
  1329.                        100% { box-shadow: inset 0 0 1px 10px transparent; }
  1330.                      }
  1331.                  hold_action:
  1332.                    action: navigate
  1333.                    navigation_path: /fire-main/sensors
  1334.              - type: custom:state-switch
  1335.                entity: template
  1336.                template: >-
  1337.                  {% if is_state('binary_sensor.living_room_door_on_off', 'on')
  1338.                  and (as_timestamp(now()) -
  1339.                  as_timestamp(states.binary_sensor.living_room_door_on_off.last_updated))|int
  1340.                  > 30 %}  open_too_long  {% endif %}
  1341.                states:
  1342.                  open_too_long:
  1343.                    type: custom:mushroom-chips-card
  1344.                    chips:
  1345.                      - type: template
  1346.                        icon_color: red
  1347.                        icon: mdi:door-open
  1348.                        card_mod:
  1349.                          style: |
  1350.                            ha-card {
  1351.                            animation: blink 1s linear infinite;
  1352.                            --chip-icon-size: 0.6em;
  1353.                            }
  1354.                        hold_action:
  1355.                          action: navigate
  1356.                          navigation_path: /fire-main/sensors
  1357.          - type: custom:layout-card
  1358.            layout_type: grid
  1359.            layout:
  1360.              grid-template-columns: 49% 50%
  1361.              margin: '-5px -5px -5px -5px'
  1362.              padding: 0
  1363.              card_margin: 0
  1364.            cards:
  1365.              - type: vertical-stack
  1366.                cards:
  1367.                  - type: custom:layout-card
  1368.                    layout_type: grid
  1369.                    layout:
  1370.                      grid-template-columns: 68% 18% 18%
  1371.                    cards:
  1372.                      - type: custom:button-card
  1373.                        template: oversized_custom_button
  1374.                        entity: light.living_room_lights
  1375.                        hold_action:
  1376.                          action: navigate
  1377.                          navigation_path: /fire-main/room
  1378.                      - type: vertical-stack
  1379.                        cards:
  1380.                          - type: custom:button-card
  1381.                            template: brightness_selector
  1382.                            variables:
  1383.                              var_value: 100
  1384.                              var_entity_id: light.living_room_lights
  1385.                            state:
  1386.                              - operator: template
  1387.                                value: >-
  1388.                                  [[[ return
  1389.                                  states[variables.var_entity_id].attributes.brightness
  1390.                                  <= Math.floor((variables.var_value+12)*2.55)
  1391.                                  &&
  1392.                                  states[variables.var_entity_id].attributes.brightness
  1393.                                  >=
  1394.                                  Math.floor((variables.var_value-13)*2.55)]]]
  1395.                                styles:
  1396.                                  name:
  1397.                                    - color: yellow
  1398.                                  card:
  1399.                                    - box-shadow: inset 0px 0px 5px 1px yellow
  1400.                                    - border: 1px solid yellow
  1401.                          - type: custom:button-card
  1402.                            template: brightness_selector
  1403.                            variables:
  1404.                              var_value: 75
  1405.                              var_entity_id: light.living_room_lights
  1406.                            state:
  1407.                              - operator: template
  1408.                                value: >-
  1409.                                  [[[ return
  1410.                                  states[variables.var_entity_id].attributes.brightness
  1411.                                  <= Math.floor((variables.var_value+12)*2.55)
  1412.                                  &&
  1413.                                  states[variables.var_entity_id].attributes.brightness
  1414.                                  >=
  1415.                                  Math.floor((variables.var_value-12)*2.55)]]]
  1416.                                styles:
  1417.                                  name:
  1418.                                    - color: yellow
  1419.                                  card:
  1420.                                    - box-shadow: inset 0px 0px 5px 1px yellow
  1421.                                    - border: 1px solid yellow
  1422.                          - type: custom:button-card
  1423.                            template: brightness_selector
  1424.                            variables:
  1425.                              var_value: 50
  1426.                              var_entity_id: light.living_room_lights
  1427.                            state:
  1428.                              - operator: template
  1429.                                value: >-
  1430.                                  [[[ return
  1431.                                  states[variables.var_entity_id].attributes.brightness
  1432.                                  <= Math.floor((variables.var_value+12)*2.55)
  1433.                                  &&
  1434.                                  states[variables.var_entity_id].attributes.brightness
  1435.                                  >=
  1436.                                  Math.floor((variables.var_value-12)*2.55)]]]
  1437.                                styles:
  1438.                                  name:
  1439.                                    - color: yellow
  1440.                                  card:
  1441.                                    - box-shadow: inset 0px 0px 5px 1px yellow
  1442.                                    - border: 1px solid yellow
  1443.                          - type: custom:button-card
  1444.                            template: brightness_selector
  1445.                            variables:
  1446.                              var_value: 25
  1447.                              var_entity_id: light.living_room_lights
  1448.                            state:
  1449.                              - operator: template
  1450.                                value: >-
  1451.                                  [[[ return
  1452.                                  states[variables.var_entity_id].attributes.brightness
  1453.                                  <= Math.floor((variables.var_value+12)*2.55)
  1454.                                  &&
  1455.                                  states[variables.var_entity_id].attributes.brightness
  1456.                                  >= Math.floor((variables.var_value-9)*2.55)]]]
  1457.                                styles:
  1458.                                  name:
  1459.                                    - color: yellow
  1460.                                  card:
  1461.                                    - box-shadow: inset 0px 0px 8px 1px yellow
  1462.                                    - border: 1px solid yellow
  1463.                          - type: custom:button-card
  1464.                            template: brightness_selector
  1465.                            variables:
  1466.                              var_value: 10
  1467.                              var_entity_id: light.living_room_lights
  1468.                            state:
  1469.                              - operator: template
  1470.                                value: >-
  1471.                                  [[[ return
  1472.                                  states[variables.var_entity_id].attributes.brightness
  1473.                                  <= Math.floor((variables.var_value+5)*2.55) &&
  1474.                                  states[variables.var_entity_id].attributes.brightness
  1475.                                  >=
  1476.                                  Math.floor((variables.var_value-10)*2.55)]]]
  1477.                                styles:
  1478.                                  name:
  1479.                                    - color: yellow
  1480.                                  card:
  1481.                                    - box-shadow: inset 0px 0px 5px 1px yellow
  1482.                                    - border: 1px solid yellow
  1483.                        card_mod:
  1484.                          class: top-level-card
  1485.                      - type: vertical-stack
  1486.                        cards:
  1487.                          - type: custom:button-card
  1488.                            template: rgb_selector
  1489.                            variables:
  1490.                              var_color_name: red
  1491.                              var_entity_id: light.living_room_lights
  1492.                            styles:
  1493.                              card:
  1494.                                - background-color: rgba(255, 0, 0, 0.5)
  1495.                          - type: custom:button-card
  1496.                            template: rgb_selector
  1497.                            variables:
  1498.                              var_color_name: green
  1499.                              var_entity_id: light.living_room_lights
  1500.                            styles:
  1501.                              card:
  1502.                                - background-color: rgba(0, 255, 0, 0.5)
  1503.                          - type: custom:button-card
  1504.                            template: rgb_selector
  1505.                            variables:
  1506.                              var_color_name: blue
  1507.                              var_entity_id: light.living_room_lights
  1508.                            styles:
  1509.                              card:
  1510.                                - background-color: rgba(0, 0, 255, 0.5)
  1511.                          - type: custom:button-card
  1512.                            template: kelvin_selector
  1513.                            variables:
  1514.                              var_kelvin_value: 2000
  1515.                              var_entity_id: light.living_room_lights
  1516.                            styles:
  1517.                              card:
  1518.                                - background-color: rgba(255, 160, 0, 0.5)
  1519.                          - type: custom:button-card
  1520.                            template: color_temp_selector
  1521.                            variables:
  1522.                              var_color_temp: 288
  1523.                              var_entity_id: light.living_room_lights
  1524.                            styles:
  1525.                              card:
  1526.                                - background-color: rgba(255, 255, 255, 0.5)
  1527.                  - type: custom:mod-card
  1528.                    card_mod:
  1529.                      style: |
  1530.                        ha-card {
  1531.                          border: solid 2px var(--primary-text-color);;
  1532.                          background: transparent;
  1533.                          position: fixed;
  1534.                          bottom: 0px;
  1535.                          width: 49%;
  1536.                          z-index: 0;
  1537.                        }
  1538.                    card:
  1539.                      type: custom:frigate-card
  1540.                      cameras:
  1541.                        - camera_entity: camera.rtsp
  1542.                      view:
  1543.                        dark_mode: 'on'
  1544.                      menu:
  1545.                        buttons:
  1546.                          frigate:
  1547.                            enabled: false
  1548.                          live:
  1549.                            enabled: true
  1550.                          cameras:
  1551.                            enabled: false
  1552.                          camera_ui:
  1553.                            enabled: false
  1554.                          substreams:
  1555.                            enabled: false
  1556.                        style: none
  1557.                      live:
  1558.                        preload: true
  1559.                        controls:
  1560.                          builtin: false
  1561.                      performance:
  1562.                        features:
  1563.                          animated_progress_indicator: false
  1564.                      card_mod:
  1565.                        style: |
  1566.                          :host {
  1567.                            height: 330px;
  1568.                           }
  1569.              - type: vertical-stack
  1570.                cards:
  1571.                  - type: grid
  1572.                    view_layout:
  1573.                      grid-area: main
  1574.                    columns: 5
  1575.                    square: false
  1576.                    cards:
  1577.                      - type: custom:button-card
  1578.                        template: generic_custom_button
  1579.                        entity: light.living_room1
  1580.                        icon: mdi:lamp
  1581.                      - type: custom:button-card
  1582.                        template: generic_custom_button
  1583.                        entity: light.living_room2
  1584.                        icon: mdi:lamp
  1585.                      - type: custom:button-card
  1586.                        template: generic_custom_button
  1587.                        entity: light.kitchen
  1588.                        icon: mdi:ceiling-light-outline
  1589.                        hold_action:
  1590.                          action: navigate
  1591.                          navigation_path: /fire-main/kitchen
  1592.                      - type: custom:button-card
  1593.                        template: generic_custom_button
  1594.                        entity: light.stove
  1595.                        icon: mdi:stove
  1596.                        hold_action:
  1597.                          action: navigate
  1598.                          navigation_path: /fire-main/kitchen
  1599.                      - type: custom:button-card
  1600.                        template: generic_custom_button
  1601.                        entity: light.hallway
  1602.                        icon: mdi:wall-sconce-outline
  1603.                      - type: custom:button-card
  1604.                        template: generic_custom_button
  1605.                        entity: light.bathroom_lights
  1606.                        name: Bathroom
  1607.                        icon: mdi:shower
  1608.                        hold_action:
  1609.                          action: navigate
  1610.                          navigation_path: /fire-main/bathroom
  1611.                      - type: custom:button-card
  1612.                        template: generic_custom_button
  1613.                        entity: light.office_lights
  1614.                        name: Office
  1615.                        icon: mdi:desk
  1616.                        hold_action:
  1617.                          action: navigate
  1618.                          navigation_path: /fire-main/office
  1619.                      - type: custom:button-card
  1620.                        template: generic_custom_button
  1621.                        entity: light.bedroom_lights
  1622.                        name: Bedroom
  1623.                        icon: mdi:bed-empty
  1624.                        hold_action:
  1625.                          action: navigate
  1626.                          navigation_path: /fire-main/bedroom
  1627.                      - type: custom:button-card
  1628.                        template: generic_custom_button
  1629.                        entity: light.all_lights
  1630.                        icon: mdi:lightbulb-group-outline
  1631.                        name: >
  1632.                          [[[ if ((entity.state === 'on')) return "All Lights
  1633.                           Off"; else return "All Lights On"]]]
  1634.                        hold_action:
  1635.                          action: navigate
  1636.                          navigation_path: /fire-main/all-lights
  1637.                  - type: custom:mod-card
  1638.                    card_mod:
  1639.                      style: |
  1640.                        ha-card {
  1641.                          border: none;
  1642.                          background: transparent;
  1643.                          position: fixed;
  1644.                          bottom: 0px;
  1645.                          
  1646.                        }
  1647.                    card:
  1648.                      type: vertical-stack
  1649.                      cards:
  1650.                        - type: conditional
  1651.                          view_layout:
  1652.                            grid-area: media
  1653.                          conditions:
  1654.                            - entity: >-
  1655.                                media_player.plex_plex_for_windows_desktop_p54jk04
  1656.                              state: playing
  1657.                          card:
  1658.                            type: custom:mushroom-media-player-card
  1659.                            entity: media_player.plex_plex_for_windows_desktop_p54jk04
  1660.                            collapsible_controls: false
  1661.                            volume_controls: []
  1662.                            show_volume_level: false
  1663.                            use_media_info: true
  1664.                            fill_container: true
  1665.                            icon_type: entity-picture
  1666.                            tap_action:
  1667.                              action: none
  1668.                            card_mod:
  1669.                              style: |
  1670.                                ha-card {
  1671.                                  border: solid 1px var(--primary-text-color);
  1672.                                  background-color: rgba(0, 0, 0, 0)
  1673.                                }
  1674.                        - type: custom:mod-card
  1675.                          card_mod:
  1676.                            style: |
  1677.                              ha-card {
  1678.                                border: solid 1px var(--primary-text-color);;
  1679.                                background: transparent;
  1680.                              }
  1681.                          card:
  1682.                            type: horizontal-stack
  1683.                            layout_type: grid
  1684.                            layout:
  1685.                              grid-template-columns: 50% 50%
  1686.                            cards:
  1687.                              - type: weather-forecast
  1688.                                entity: weather.home
  1689.                                card_mod:
  1690.                                  style: |
  1691.                                    ha-card {
  1692.                                      border: none;
  1693.                                      background-color: transparent;
  1694.                                    }
  1695.                              - type: picture
  1696.                                image: >-
  1697.                                  https://s.w-x.co/staticmaps/wu/wu/wxtype1200_cur/usday/animate.png
  1698.                                tap_action:
  1699.                                  action: fire-dom-event
  1700.                                  browser_mod:
  1701.                                    service: browser_mod.popup
  1702.                                    data:
  1703.                                      style: >
  1704.  
  1705.                                        --popup-max-width: 80%;
  1706.  
  1707.                                        --popup-min-width: 60%;
  1708.  
  1709.                                        --popup-max-height: 80%;
  1710.  
  1711.                                        --popup-min-height: 60%;
  1712.  
  1713.                                        --popup-border-width: 1px;
  1714.  
  1715.                                        --popup-border-radius: 12px;
  1716.  
  1717.                                        --popup-padding-x: 0px;
  1718.  
  1719.                                        --popup-padding-y: 0px;
  1720.  
  1721.                                        --dialog-backdrop-filter: blur(0.8em)
  1722.                                        brightness(1.2);
  1723.                                      timeout: 10000
  1724.                                      card_mod:
  1725.                                        style: |
  1726.                                          @media (min-width: 812px) {
  1727.                                            :host .content {
  1728.                                              width: 90vw;
  1729.                                              height: 90vh;
  1730.                                            }
  1731.                                          }
  1732.                                          ha-dialog$: |
  1733.                                            div.mdc-dialog div.mdc-dialog__scrim {
  1734.                                              background: rgba(100, 100, 100, 0.7);
  1735.                                            }
  1736.                                      content:
  1737.                                        type: vertical-stack
  1738.                                        cards:
  1739.                                          - type: picture
  1740.                                            image: >-
  1741.                                              https://s.w-x.co/staticmaps/wu/wu/wxtype1200_cur/usday/animate.png
  1742.                                            tap_action:
  1743.                                              action: none
  1744.                                            hold_action:
  1745.                                              action: navigate
  1746.                                              navigation_path: /fire-main/weather
  1747.                                            card_mod:
  1748.                                              style: |
  1749.                                                ha-card {
  1750.                                                  border: none;
  1751.                                                  background-color: transparent;
  1752.                                                  width: 50%;
  1753.                                                }
  1754.                                          - type: grid
  1755.                                            columns: 2
  1756.                                            cards:
  1757.                                              - type: picture
  1758.                                                image: local/CGL-Sandwich.gif
  1759.                                                tap_action:
  1760.                                                  action: none
  1761.                                                hold_action:
  1762.                                                  action: none
  1763.                                                card_mod:
  1764.                                                  style: |
  1765.                                                    ha-card {
  1766.                                                      border: none;
  1767.                                                      background-color: transparent;
  1768.                                                      width: 50%;
  1769.                                                    }
  1770.                                              - type: picture
  1771.                                                image: local/CGL-Geocolor.gif
  1772.                                                tap_action:
  1773.                                                  action: none
  1774.                                                hold_action:
  1775.                                                  action: none
  1776.                                                card_mod:
  1777.                                                  style: |
  1778.                                                    ha-card {
  1779.                                                      border: none;
  1780.                                                      background-color: transparent;
  1781.                                                      width: 50%;
  1782.                                                    }
  1783.                                hold_action:
  1784.                                  action: navigate
  1785.                                  navigation_path: /fire-main/weather
  1786.                                card_mod:
  1787.                                  style: |
  1788.                                    ha-card {
  1789.                                      border: none;
  1790.                                      background-color: transparent;
  1791.                                    }
  1792.  - theme: Derek Dark Theme
  1793.    title: Kitchen
  1794.    path: kitchen
  1795.    type: panel
  1796.    badges: []
  1797.    cards:
  1798.      - type: custom:layout-card
  1799.        layout_type: grid
  1800.        layout:
  1801.          grid-template-columns: 49% 51%
  1802.          grid-template-rows: 350px 160px 150px 150px
  1803.          grid-template-areas: |
  1804.            "col1 main"
  1805.            "gap gap1"
  1806.            "gap2 footer2"
  1807.            "footer1 footer2"
  1808.          margin: '-4px 4px -4px -4px'
  1809.          padding: 0
  1810.          card_margin: 0
  1811.        cards:
  1812.          - type: custom:layout-card
  1813.            view_layout:
  1814.              grid-area: col1
  1815.            layout_type: grid
  1816.            layout:
  1817.              grid-template-columns: 68% 18% 18%
  1818.            cards:
  1819.              - type: custom:button-card
  1820.                template: oversized_custom_button_with_auto
  1821.                entity: light.kitchen_lights
  1822.                hold_action:
  1823.                  action: navigate
  1824.                  navigation_path: /fire-main/room
  1825.                variables:
  1826.                  var_auto_entity: input_boolean.automation_auto_kitchen_lights
  1827.                  var_timer_entity: timer.automation_auto_kitchen_lights
  1828.              - type: vertical-stack
  1829.                cards:
  1830.                  - type: custom:button-card
  1831.                    template: brightness_selector
  1832.                    variables:
  1833.                      var_value: 100
  1834.                      var_entity_id: light.kitchen_lights
  1835.                    state:
  1836.                      - operator: template
  1837.                        value: |-
  1838.                          [[[ return
  1839.                              states[variables.var_entity_id].attributes.brightness
  1840.                              <= Math.floor((variables.var_value+12)*2.55) &&
  1841.                              states[variables.var_entity_id].attributes.brightness
  1842.                              >= Math.floor((variables.var_value-13)*2.55)]]]
  1843.                        styles:
  1844.                          name:
  1845.                            - color: yellow
  1846.                          card:
  1847.                            - box-shadow: inset 0px 0px 5px 1px yellow
  1848.                            - border: 1px solid yellow
  1849.                  - type: custom:button-card
  1850.                    template: brightness_selector
  1851.                    variables:
  1852.                      var_value: 75
  1853.                      var_entity_id: light.kitchen_lights
  1854.                    state:
  1855.                      - operator: template
  1856.                        value: |-
  1857.                          [[[ return
  1858.                                  states[variables.var_entity_id].attributes.brightness
  1859.                                  <= Math.floor((variables.var_value+12)*2.55) &&
  1860.                                  states[variables.var_entity_id].attributes.brightness
  1861.                                  >= Math.floor((variables.var_value-12)*2.55)]]]
  1862.                        styles:
  1863.                          name:
  1864.                            - color: yellow
  1865.                          card:
  1866.                            - box-shadow: inset 0px 0px 5px 1px yellow
  1867.                            - border: 1px solid yellow
  1868.                  - type: custom:button-card
  1869.                    template: brightness_selector
  1870.                    variables:
  1871.                      var_value: 50
  1872.                      var_entity_id: light.kitchen_lights
  1873.                    state:
  1874.                      - operator: template
  1875.                        value: |-
  1876.                          [[[ return
  1877.                                  states[variables.var_entity_id].attributes.brightness
  1878.                                  <= Math.floor((variables.var_value+12)*2.55) &&
  1879.                                  states[variables.var_entity_id].attributes.brightness
  1880.                                  >= Math.floor((variables.var_value-12)*2.55)]]]
  1881.                        styles:
  1882.                          name:
  1883.                            - color: yellow
  1884.                          card:
  1885.                            - box-shadow: inset 0px 0px 5px 1px yellow
  1886.                            - border: 1px solid yellow
  1887.                  - type: custom:button-card
  1888.                    template: brightness_selector
  1889.                    variables:
  1890.                      var_value: 25
  1891.                      var_entity_id: light.kitchen_lights
  1892.                    state:
  1893.                      - operator: template
  1894.                        value: |-
  1895.                          [[[ return
  1896.                                  states[variables.var_entity_id].attributes.brightness
  1897.                                  <= Math.floor((variables.var_value+12)*2.55) &&
  1898.                                  states[variables.var_entity_id].attributes.brightness
  1899.                                  >= Math.floor((variables.var_value-9)*2.55)]]]
  1900.                        styles:
  1901.                          name:
  1902.                            - color: yellow
  1903.                          card:
  1904.                            - box-shadow: inset 0px 0px 5px 1px yellow
  1905.                            - border: 1px solid yellow
  1906.                  - type: custom:button-card
  1907.                    template: brightness_selector
  1908.                    variables:
  1909.                      var_value: 10
  1910.                      var_entity_id: light.kitchen_lights
  1911.                    state:
  1912.                      - operator: template
  1913.                        value: |-
  1914.                          [[[ return
  1915.                                  states[variables.var_entity_id].attributes.brightness
  1916.                                  <= Math.floor((variables.var_value+5)*2.55) &&
  1917.                                  states[variables.var_entity_id].attributes.brightness
  1918.                                  >= Math.floor((variables.var_value-10)*2.55)]]]
  1919.                        styles:
  1920.                          name:
  1921.                            - color: yellow
  1922.                          card:
  1923.                            - box-shadow: inset 0px 0px 5px 1px yellow
  1924.                            - border: 1px solid yellow
  1925.              - type: vertical-stack
  1926.                cards:
  1927.                  - type: custom:button-card
  1928.                    template: rgb_selector
  1929.                    variables:
  1930.                      var_color_name: red
  1931.                      var_entity_id: light.kitchen_lights
  1932.                    styles:
  1933.                      card:
  1934.                        - background-color: rgba(255, 0, 0, 0.5)
  1935.                  - type: custom:button-card
  1936.                    template: rgb_selector
  1937.                    variables:
  1938.                      var_color_name: green
  1939.                      var_entity_id: light.kitchen_lights
  1940.                    styles:
  1941.                      card:
  1942.                        - background-color: rgba(0, 255, 0, 0.5)
  1943.                  - type: custom:button-card
  1944.                    template: rgb_selector
  1945.                    variables:
  1946.                      var_color_name: blue
  1947.                      var_entity_id: light.kitchen_lights
  1948.                    styles:
  1949.                      card:
  1950.                        - background-color: rgba(0, 0, 255, 0.5)
  1951.                  - type: custom:button-card
  1952.                    template: kelvin_selector
  1953.                    variables:
  1954.                      var_kelvin_value: 2000
  1955.                      var_entity_id: light.kitchen_lights
  1956.                    styles:
  1957.                      card:
  1958.                        - background-color: rgba(255, 160, 0, 0.5)
  1959.                  - type: custom:button-card
  1960.                    template: color_temp_selector
  1961.                    variables:
  1962.                      var_color_temp: 288
  1963.                      var_entity_id: light.kitchen_lights
  1964.                    styles:
  1965.                      card:
  1966.                        - background-color: rgba(255, 255, 255, 0.5)
  1967.          - type: custom:gap-card
  1968.            view_layout:
  1969.              grid-area: gap
  1970.          - type: entities
  1971.            view_layout:
  1972.              grid-area: footer1
  1973.            entities:
  1974.              - entity: sensor.kitchen_button_battery_level
  1975.              - entity: sensor.kitchen_motion_detector_2_battery_level
  1976.              - entity: sensor.kitchen_motion_detector_battery_level
  1977.            show_header_toggle: false
  1978.            state_color: true
  1979.            card_mod:
  1980.              style: |
  1981.                ha-card {
  1982.                  border: solid 1px var(--primary-text-color);
  1983.                  background-color: rgba(0, 0, 0, 0)
  1984.                }
  1985.          - type: vertical-stack
  1986.            view_layout:
  1987.              grid-area: main
  1988.            cards:
  1989.              - type: grid
  1990.                columns: 4
  1991.                square: false
  1992.                cards:
  1993.                  - type: custom:button-card
  1994.                    template: generic_custom_button
  1995.                    entity: light.kitchen
  1996.                    icon: mdi:ceiling-light-outline
  1997.                  - type: custom:button-card
  1998.                    template: generic_custom_button
  1999.                    entity: light.stove
  2000.                    icon: mdi:stove
  2001.                  - type: custom:button-card
  2002.                    template: generic_custom_button
  2003.                    entity: light.living_room_lights
  2004.                    name: Living Room
  2005.                    icon: mdi:television-classic
  2006.                    hold_action:
  2007.                      action: navigate
  2008.                      navigation_path: /fire-main/living-room
  2009.                  - type: custom:button-card
  2010.                    template: generic_custom_button
  2011.                    entity: light.hallway
  2012.                    icon: mdi:wall-sconce
  2013.          - type: custom:layout-card
  2014.            view_layout:
  2015.              grid-area: footer2
  2016.            layout_type: grid
  2017.            square: true
  2018.            layout:
  2019.              grid-template-columns: 100%
  2020.            cards:
  2021.              - type: custom:mini-media-player
  2022.                name: Kitchen Dot
  2023.                entity: media_player.kitchen_dot
  2024.                icon: mdi:amazon-alexa
  2025.                artwork: cover
  2026.                source: full
  2027.                mini-media-player-scale: 1
  2028.                hide:
  2029.                  power_state: false
  2030.                  power: true
  2031.                  source: true
  2032.                  name: true
  2033.                  icon: true
  2034.                  runtime: false
  2035.                  controls: false
  2036.                  volume: false
  2037.                  progress: true
  2038.                shortcuts:
  2039.                  columns: 3
  2040.                  buttons:
  2041.                    - name: Play Music
  2042.                      type: AMAZON_MUSIC
  2043.                      id: Play Music
  2044.                    - name: RadioU
  2045.                      type: TUNEIN
  2046.                      id: RadioU
  2047.                    - name: Alt 105.7
  2048.                      type: iHeartRadio
  2049.                      id: Columbus Alternative 105.7
  2050.                    - name: My Likes
  2051.                      type: AMAZON_MUSIC
  2052.                      id: My Likes and more
  2053.                    - name: KOKE (Cnty)
  2054.                      type: TUNEIN
  2055.                      id: KOKE FM
  2056.                    - name: 2000s Hip Hop
  2057.                      type: AMAZON_MUSIC
  2058.                      id: 2000s hip hop
  2059.                    - name: Tom MacDonald
  2060.                      type: AMAZON_MUSIC
  2061.                      id: Tom MacDonald
  2062.                    - name: Feel Good (Cnty)
  2063.                      type: AMAZON_MUSIC
  2064.                      id: Feel-Good Country
  2065.                    - name: Classical
  2066.                      type: AMAZON_MUSIC
  2067.                      id: Ultimate Classical Station
  2068.                    - name: Classic FM
  2069.                      type: TUNEIN
  2070.                      id: Classic FM
  2071.                    - name: BBC News
  2072.                      type: TUNEIN
  2073.                      id: BBC World Service News
  2074.                    - name: Similiar Music
  2075.                      type: AMAZON_MUSIC
  2076.                      id: Similar Music
  2077.                card_mod:
  2078.                  style: |
  2079.                    ha-card {
  2080.                      border: solid 1px var(--primary-text-color);
  2081.                      background-color: rgba(0, 0, 0, 0)
  2082.                    }
  2083.        square: false
  2084.  - theme: Derek Dark Theme
  2085.    title: Bedroom
  2086.    path: bedroom
  2087.    type: panel
  2088.    animated_background: weather
  2089.    visible:
  2090.      - user: 533e51fcaca94bfbbc41b474e0b127af
  2091.      - user: f1ff35aa97074588beee1542d27c4d95
  2092.    badges: []
  2093.    cards:
  2094.      - type: custom:layout-card
  2095.        layout_type: grid
  2096.        layout:
  2097.          grid-template-columns: 49% 51%
  2098.          grid-template-rows: 350px 175px 190px 13px
  2099.          grid-template-areas: |
  2100.            "col1 main"
  2101.            "gap gap1"
  2102.            "gap2 gap3"
  2103.            "footer1 gap4"
  2104.            "footer1 footer2"
  2105.          margin: '-4px 4px -4px -4px'
  2106.          padding: 0
  2107.          card_margin: 0
  2108.        cards:
  2109.          - type: vertical-stack
  2110.            view_layout:
  2111.              grid-area: col1
  2112.            cards:
  2113.              - type: custom:layout-card
  2114.                layout_type: grid
  2115.                layout:
  2116.                  grid-template-columns: 68% 18% 18%
  2117.                cards:
  2118.                  - type: custom:button-card
  2119.                    template: oversized_custom_button
  2120.                    entity: light.bedroom_lights
  2121.                    hold_action:
  2122.                      action: navigate
  2123.                      navigation_path: /fire-main/room
  2124.                    aspect_ratio: 2/2
  2125.                    styles:
  2126.                      card:
  2127.                        - font-size: 30px
  2128.                      icon:
  2129.                        - width: 125%
  2130.                  - type: vertical-stack
  2131.                    cards:
  2132.                      - type: custom:button-card
  2133.                        template: brightness_selector
  2134.                        variables:
  2135.                          var_value: 100
  2136.                          var_entity_id: light.bedroom_lights
  2137.                        state:
  2138.                          - operator: template
  2139.                            value: |-
  2140.                              [[[ return
  2141.                                  states[variables.var_entity_id].attributes.brightness
  2142.                                  <= Math.floor((variables.var_value+12)*2.55) &&
  2143.                                  states[variables.var_entity_id].attributes.brightness
  2144.                                  >= Math.floor((variables.var_value-13)*2.55)]]]
  2145.                            styles:
  2146.                              name:
  2147.                                - color: yellow
  2148.                              card:
  2149.                                - box-shadow: inset 0px 0px 5px 1px yellow
  2150.                                - border: 1px solid yellow
  2151.                      - type: custom:button-card
  2152.                        template: brightness_selector
  2153.                        variables:
  2154.                          var_value: 75
  2155.                          var_entity_id: light.bedroom_lights
  2156.                        state:
  2157.                          - operator: template
  2158.                            value: |-
  2159.                              [[[ return
  2160.                                  states[variables.var_entity_id].attributes.brightness
  2161.                                  <= Math.floor((variables.var_value+12)*2.55) &&
  2162.                                  states[variables.var_entity_id].attributes.brightness
  2163.                                  >= Math.floor((variables.var_value-12)*2.55)]]]
  2164.                            styles:
  2165.                              name:
  2166.                                - color: yellow
  2167.                              card:
  2168.                                - box-shadow: inset 0px 0px 5px 1px yellow
  2169.                                - border: 1px solid yellow
  2170.                      - type: custom:button-card
  2171.                        template: brightness_selector
  2172.                        variables:
  2173.                          var_value: 50
  2174.                          var_entity_id: light.bedroom_lights
  2175.                        state:
  2176.                          - operator: template
  2177.                            value: |-
  2178.                              [[[ return
  2179.                                  states[variables.var_entity_id].attributes.brightness
  2180.                                  <= Math.floor((variables.var_value+12)*2.55) &&
  2181.                                  states[variables.var_entity_id].attributes.brightness
  2182.                                  >= Math.floor((variables.var_value-12)*2.55)]]]
  2183.                            styles:
  2184.                              name:
  2185.                                - color: yellow
  2186.                              card:
  2187.                                - box-shadow: inset 0px 0px 5px 1px yellow
  2188.                                - border: 1px solid yellow
  2189.                      - type: custom:button-card
  2190.                        template: brightness_selector
  2191.                        variables:
  2192.                          var_value: 25
  2193.                          var_entity_id: light.bedroom_lights
  2194.                        state:
  2195.                          - operator: template
  2196.                            value: |-
  2197.                              [[[ return
  2198.                                  states[variables.var_entity_id].attributes.brightness
  2199.                                  <= Math.floor((variables.var_value+12)*2.55) &&
  2200.                                  states[variables.var_entity_id].attributes.brightness
  2201.                                  >= Math.floor((variables.var_value-9)*2.55)]]]
  2202.                            styles:
  2203.                              name:
  2204.                                - color: yellow
  2205.                              card:
  2206.                                - box-shadow: inset 0px 0px 5px 1px yellow
  2207.                                - border: 1px solid yellow
  2208.                      - type: custom:button-card
  2209.                        template: brightness_selector
  2210.                        variables:
  2211.                          var_value: 10
  2212.                          var_entity_id: light.bedroom_lights
  2213.                        state:
  2214.                          - operator: template
  2215.                            value: |-
  2216.                              [[[ return
  2217.                                  states[variables.var_entity_id].attributes.brightness
  2218.                                  <= Math.floor((variables.var_value+5)*2.55) &&
  2219.                                  states[variables.var_entity_id].attributes.brightness
  2220.                                  >= Math.floor((variables.var_value-10)*2.55)]]]
  2221.                            styles:
  2222.                              name:
  2223.                                - color: yellow
  2224.                              card:
  2225.                                - box-shadow: inset 0px 0px 5px 1px yellow
  2226.                                - border: 1px solid yellow
  2227.                  - type: vertical-stack
  2228.                    cards:
  2229.                      - type: custom:button-card
  2230.                        template: rgb_selector
  2231.                        variables:
  2232.                          var_color_name: red
  2233.                          var_entity_id: light.bedroom_lights
  2234.                        styles:
  2235.                          card:
  2236.                            - background-color: rgba(255, 0, 0, 0.5)
  2237.                      - type: custom:button-card
  2238.                        template: rgb_selector
  2239.                        variables:
  2240.                          var_color_name: green
  2241.                          var_entity_id: light.bedroom_lights
  2242.                        styles:
  2243.                          card:
  2244.                            - background-color: rgba(0, 255, 0, 0.5)
  2245.                      - type: custom:button-card
  2246.                        template: rgb_selector
  2247.                        variables:
  2248.                          var_color_name: blue
  2249.                          var_entity_id: light.bedroom_lights
  2250.                        styles:
  2251.                          card:
  2252.                            - background-color: rgba(0, 0, 255, 0.5)
  2253.                      - type: custom:button-card
  2254.                        template: kelvin_selector
  2255.                        variables:
  2256.                          var_kelvin_value: 2000
  2257.                          var_entity_id: light.bedroom_lights
  2258.                        styles:
  2259.                          card:
  2260.                            - background-color: rgba(255, 160, 0, 0.5)
  2261.                      - type: custom:button-card
  2262.                        template: color_temp_selector
  2263.                        variables:
  2264.                          var_color_temp: 288
  2265.                          var_entity_id: light.bedroom_lights
  2266.                        styles:
  2267.                          card:
  2268.                            - background-color: rgba(255, 255, 255, 0.5)
  2269.              - type: vertical-stack
  2270.                card_mod:
  2271.                  style: |
  2272.                    ha-card {
  2273.                      display: false;
  2274.                    }
  2275.                cards:
  2276.                  - type: custom:frigate-card
  2277.                    cameras:
  2278.                      - camera_entity: camera.rtsp
  2279.                    view:
  2280.                      dark_mode: 'on'
  2281.                    menu:
  2282.                      buttons:
  2283.                        frigate:
  2284.                          enabled: false
  2285.                        live:
  2286.                          enabled: false
  2287.                        cameras:
  2288.                          enabled: false
  2289.                        camera_ui:
  2290.                          enabled: true
  2291.                        substreams:
  2292.                          enabled: false
  2293.                      style: none
  2294.                    live:
  2295.                      preload: true
  2296.                      controls:
  2297.                        builtin: false
  2298.                    performance:
  2299.                      features:
  2300.                        animated_progress_indicator: false
  2301.                    card_mod:
  2302.                      style: |
  2303.                        ha-card {
  2304.                          border: solid 2px var(--primary-text-color);
  2305.                          background-color: transparent
  2306.                        }
  2307.          - type: custom:layout-card
  2308.            view_layout:
  2309.              grid-area: footer1
  2310.            layout_type: grid
  2311.            layout:
  2312.              grid-template-columns: 50%
  2313.            square: false
  2314.            cards:
  2315.              - type: entities
  2316.                entities:
  2317.                  - entity: sensor.s22_ultra_next_alarm
  2318.                    name: Next alarm
  2319.                show_header_toggle: false
  2320.                state_color: true
  2321.                card_mod:
  2322.                  style: |
  2323.                    ha-card {
  2324.                      border: none;
  2325.                      background-color: rgba(0, 0, 0, 0)
  2326.                    }
  2327.          - type: vertical-stack
  2328.            view_layout:
  2329.              grid-area: main
  2330.            cards:
  2331.              - type: custom:layout-card
  2332.                layout_type: grid
  2333.                layout:
  2334.                  grid-template-columns: 100%
  2335.                square: false
  2336.                cards:
  2337.                  - type: custom:button-card
  2338.                    template: generic_custom_button
  2339.                    show_state: false
  2340.                    show_icon: false
  2341.                    show_name: true
  2342.                    tap_action: none
  2343.                    hold_action: none
  2344.                    name: >-
  2345.                      [[[ return states["sensor.dashboard_date"].state + " / " +
  2346.                      states["sensor.time"].state ]]]
  2347.                    styles:
  2348.                      card:
  2349.                        - font-size: 50px
  2350.                        - height: 65px
  2351.                        - border: none
  2352.                        - background: transparent
  2353.              - type: grid
  2354.                columns: 5
  2355.                square: false
  2356.                cards:
  2357.                  - type: custom:button-card
  2358.                    template: generic_custom_button
  2359.                    entity: light.bedroom1
  2360.                    name: Nightstand
  2361.                    icon: mdi:lamp
  2362.                  - type: custom:button-card
  2363.                    template: generic_custom_button
  2364.                    entity: light.bedroom2
  2365.                    name: Dresser
  2366.                    icon: mdi:dresser
  2367.                  - type: custom:button-card
  2368.                    template: generic_custom_button
  2369.                    entity: light.bedroom_floor_lamp
  2370.                    name: Floor Lamp
  2371.                    icon: mdi:floor-lamp-dual-outline
  2372.                  - type: custom:button-card
  2373.                    template: generic_custom_button
  2374.                    entity: light.living_room_lights
  2375.                    name: Living Room
  2376.                    icon: mdi:television-classic
  2377.                    hold_action:
  2378.                      action: navigate
  2379.                      navigation_path: /fire-main/living-room
  2380.                  - type: custom:button-card
  2381.                    template: generic_custom_button
  2382.                    entity: light.kitchen_lights
  2383.                    name: Kitchen
  2384.                    icon: mdi:countertop-outline
  2385.                    hold_action:
  2386.                      action: navigate
  2387.                      navigation_path: /fire-main/kitchen
  2388.                  - type: custom:button-card
  2389.                    template: generic_custom_button
  2390.                    entity: light.office_lights
  2391.                    name: Office
  2392.                    icon: mdi:google-classroom
  2393.                    hold_action:
  2394.                      action: navigate
  2395.                      navigation_path: /fire-main/office
  2396.                  - type: custom:button-card
  2397.                    template: generic_custom_button
  2398.                    entity: light.hallway
  2399.                    name: Hallway
  2400.                    icon: mdi:wall-sconce-outline
  2401.                  - type: custom:button-card
  2402.                    template: generic_custom_button
  2403.                    entity: light.bathroom_lights
  2404.                    name: Bathroom
  2405.                    icon: mdi:shower
  2406.                    hold_action:
  2407.                      action: navigate
  2408.                      navigation_path: /fire-main/bathroom
  2409.                  - type: custom:button-card
  2410.                    template: generic_custom_button
  2411.                    entity: fan.tower_fan
  2412.                    icon: mdi:fan
  2413.                    name: Fan
  2414.                    styles:
  2415.                      icon:
  2416.                        - animation: >
  2417.                            [[[ if ((entity.state === 'on')) return "rotating 5s
  2418.                             linear infinite"]]]
  2419.                    hold_action:
  2420.                      action: fire-dom-event
  2421.                      browser_mod:
  2422.                        service: browser_mod.popup
  2423.                        data:
  2424.                          style: >
  2425.                            color: red;
  2426.  
  2427.  
  2428.                            --popup-max-width: 800px;
  2429.  
  2430.                            --popup-min-width: 600px;
  2431.  
  2432.                            --popup-border-width: 1px;
  2433.  
  2434.                            --popup-border-radius: 12px;
  2435.  
  2436.                            --popup-padding-x: 0px;
  2437.  
  2438.                            --popup-padding-y: 0px;
  2439.  
  2440.                            --dialog-backdrop-filter: blur(0.8em)
  2441.                            brightness(1.2);
  2442.                          timeout: 35000
  2443.                          content:
  2444.                            type: entities
  2445.                            state_color: true
  2446.                            show_header_toggle: false
  2447.                            entities:
  2448.                              - type: custom:mushroom-fan-card
  2449.                                entity: fan.tower_fan
  2450.                                icon_animation: true
  2451.                                fill_container: true
  2452.                                layout: horizontal
  2453.                                icon_type: icon
  2454.                                show_percentage_control: true
  2455.                                show_oscillate_control: true
  2456.                                collapsible_controls: true
  2457.                  - type: custom:button-card
  2458.                    template: generic_custom_button
  2459.                    entity: light.all_lights
  2460.                    icon: mdi:lightbulb-group-outline
  2461.                    name: >
  2462.                      [[[ if ((entity.state === 'on')) return "All Lights Off";
  2463.                      else return "All Lights On"]]]
  2464.                    hold_action:
  2465.                      action: navigate
  2466.                      navigation_path: /fire-main/all-lights
  2467.              - type: grid
  2468.                columns: 3
  2469.                square: false
  2470.                cards:
  2471.                  - type: custom:button-card
  2472.                    template: generic_custom_button
  2473.                    tap_action:
  2474.                      action: call-service
  2475.                      service: nodered.trigger
  2476.                      service_data:
  2477.                        entity_id: switch.nodered_goodmorning
  2478.                      target: {}
  2479.                    entity: switch.nodered_goodmorning
  2480.                    show_state: false
  2481.                    show_icon: true
  2482.                    icon: mdi:weather-sunny
  2483.                    name: Good Morning
  2484.                    styles:
  2485.                      icon:
  2486.                        - color: rgb(18,18,18)
  2487.                        - animation:
  2488.                            - rotating 10s linear infinite alternate
  2489.                  - type: custom:button-card
  2490.                    template: blank_custom_button
  2491.                  - type: custom:button-card
  2492.                    template: generic_custom_button
  2493.                    tap_action:
  2494.                      action: call-service
  2495.                      service: nodered.trigger
  2496.                      service_data:
  2497.                        entity_id: switch.nodered_goodnight
  2498.                      target: {}
  2499.                    entity: switch.nodered_goodnight
  2500.                    show_state: false
  2501.                    show_icon: true
  2502.                    icon: mdi:weather-night
  2503.                    name: Good Night
  2504.                    styles:
  2505.                      icon:
  2506.                        - color: rgb(18,18,18)
  2507.                        - animation:
  2508.                            - rock 3s linear infinite
  2509.                      name:
  2510.                        - color: red
  2511.                    extra_styles: |
  2512.                      @keyframes rock {
  2513.                        0% {transform: rotatez(15deg)}
  2514.                        25% {transform: rotatez(30deg)}
  2515.                        50% {transform: rotatez(15deg)}
  2516.                        75% {transform: rotatez(0deg)}
  2517.                        100% {transform: rotatez(15deg)}}
  2518.          - type: grid
  2519.            view_layout:
  2520.              grid-area: footer2
  2521.            columns: 7
  2522.            square: false
  2523.            cards:
  2524.              - type: custom:button-card
  2525.                template: battery_custom_button
  2526.                entity: sensor.s22_ultra_battery_level
  2527.                name: Phone
  2528.              - type: custom:button-card
  2529.                template: battery_custom_button
  2530.                entity: sensor.watch5_battery_level
  2531.                name: Watch
  2532.              - type: custom:button-card
  2533.                template: battery_custom_button
  2534.                entity: sensor.tab_s7_fe_battery_level
  2535.                name: Tablet
  2536.              - type: custom:button-card
  2537.                template: battery_custom_button
  2538.                entity: sensor.fire_computer_desk_battery_level
  2539.                name: Fire
  2540.          - type: custom:gap-card
  2541.            view_layout:
  2542.              grid-area: gap
  2543.  - theme: Derek Dark Theme
  2544.    path: bathroom
  2545.    type: panel
  2546.    icon: mdi:bathtub-outline
  2547.    badges: []
  2548.    cards:
  2549.      - type: grid
  2550.        columns: 2
  2551.        cards:
  2552.          - type: vertical-stack
  2553.            cards:
  2554.              - type: custom:layout-card
  2555.                layout_type: grid
  2556.                layout:
  2557.                  grid-template-columns: 66% 17% 17%
  2558.                cards:
  2559.                  - type: custom:button-card
  2560.                    template: oversized_custom_button_with_auto
  2561.                    entity: light.bathroom_lights
  2562.                    hold_action:
  2563.                      action: navigate
  2564.                      navigation_path: /fire-main/room
  2565.                    variables:
  2566.                      var_auto_entity: input_boolean.automation_auto_bathroom_lights
  2567.                      var_timer_entity: timer.automation_auto_bathroom_lights
  2568.                  - type: vertical-stack
  2569.                    cards:
  2570.                      - type: custom:button-card
  2571.                        template: brightness_selector
  2572.                        variables:
  2573.                          var_value: 100
  2574.                          var_entity_id: light.bathroom_lights
  2575.                        state:
  2576.                          - operator: template
  2577.                            value: |-
  2578.                              [[[ return
  2579.                                  states[variables.var_entity_id].attributes.brightness
  2580.                                  <= Math.floor((variables.var_value+12)*2.55) &&
  2581.                                  states[variables.var_entity_id].attributes.brightness
  2582.                                  >= Math.floor((variables.var_value-13)*2.55)]]]
  2583.                            styles:
  2584.                              name:
  2585.                                - color: yellow
  2586.                              card:
  2587.                                - box-shadow: inset 0px 0px 5px 1px yellow
  2588.                                - border: 1px solid yellow
  2589.                      - type: custom:button-card
  2590.                        template: brightness_selector
  2591.                        variables:
  2592.                          var_value: 75
  2593.                          var_entity_id: light.bathroom_lights
  2594.                        state:
  2595.                          - operator: template
  2596.                            value: |-
  2597.                              [[[ return
  2598.                                  states[variables.var_entity_id].attributes.brightness
  2599.                                  <= Math.floor((variables.var_value+12)*2.55) &&
  2600.                                  states[variables.var_entity_id].attributes.brightness
  2601.                                  >= Math.floor((variables.var_value-12)*2.55)]]]
  2602.                            styles:
  2603.                              name:
  2604.                                - color: yellow
  2605.                              card:
  2606.                                - box-shadow: inset 0px 0px 5px 1px yellow
  2607.                                - border: 1px solid yellow
  2608.                      - type: custom:button-card
  2609.                        template: brightness_selector
  2610.                        variables:
  2611.                          var_value: 50
  2612.                          var_entity_id: light.bathroom_lights
  2613.                        state:
  2614.                          - operator: template
  2615.                            value: |-
  2616.                              [[[ return
  2617.                                  states[variables.var_entity_id].attributes.brightness
  2618.                                  <= Math.floor((variables.var_value+12)*2.55) &&
  2619.                                  states[variables.var_entity_id].attributes.brightness
  2620.                                  >= Math.floor((variables.var_value-12)*2.55)]]]
  2621.                            styles:
  2622.                              name:
  2623.                                - color: yellow
  2624.                              card:
  2625.                                - box-shadow: inset 0px 0px 5px 1px yellow
  2626.                                - border: 1px solid yellow
  2627.                      - type: custom:button-card
  2628.                        template: brightness_selector
  2629.                        variables:
  2630.                          var_value: 25
  2631.                          var_entity_id: light.bathroom_lights
  2632.                        state:
  2633.                          - operator: template
  2634.                            value: |-
  2635.                              [[[ return
  2636.                                  states[variables.var_entity_id].attributes.brightness
  2637.                                  <= Math.floor((variables.var_value+12)*2.55) &&
  2638.                                  states[variables.var_entity_id].attributes.brightness
  2639.                                  >= Math.floor((variables.var_value-9)*2.55)]]]
  2640.                            styles:
  2641.                              name:
  2642.                                - color: yellow
  2643.                              card:
  2644.                                - box-shadow: inset 0px 0px 5px 1px yellow
  2645.                                - border: 1px solid yellow
  2646.                      - type: custom:button-card
  2647.                        template: brightness_selector
  2648.                        variables:
  2649.                          var_value: 10
  2650.                          var_entity_id: light.bathroom_lights
  2651.                        state:
  2652.                          - operator: template
  2653.                            value: |-
  2654.                              [[[ return
  2655.                                  states[variables.var_entity_id].attributes.brightness
  2656.                                  <= Math.floor((variables.var_value+5)*2.55) &&
  2657.                                  states[variables.var_entity_id].attributes.brightness
  2658.                                  >= Math.floor((variables.var_value-10)*2.55)]]]
  2659.                            styles:
  2660.                              name:
  2661.                                - color: yellow
  2662.                              card:
  2663.                                - box-shadow: inset 0px 0px 5px 1px yellow
  2664.                                - border: 1px solid yellow
  2665.                  - type: vertical-stack
  2666.                    cards:
  2667.                      - type: custom:button-card
  2668.                        template: rgb_selector
  2669.                        variables:
  2670.                          var_color_name: red
  2671.                          var_entity_id: light.bathroom_lights
  2672.                        styles:
  2673.                          card:
  2674.                            - background-color: rgba(255, 0, 0, 0.5)
  2675.                      - type: custom:button-card
  2676.                        template: rgb_selector
  2677.                        variables:
  2678.                          var_color_name: green
  2679.                          var_entity_id: light.bathroom_lights
  2680.                        styles:
  2681.                          card:
  2682.                            - background-color: rgba(0, 255, 0, 0.5)
  2683.                      - type: custom:button-card
  2684.                        template: rgb_selector
  2685.                        variables:
  2686.                          var_color_name: blue
  2687.                          var_entity_id: light.bathroom_lights
  2688.                        styles:
  2689.                          card:
  2690.                            - background-color: rgba(0, 0, 255, 0.5)
  2691.                      - type: custom:button-card
  2692.                        template: kelvin_selector
  2693.                        variables:
  2694.                          var_kelvin_value: 2000
  2695.                          var_entity_id: light.bathroom_lights
  2696.                        styles:
  2697.                          card:
  2698.                            - background-color: rgba(255, 160, 0, 0.5)
  2699.                      - type: custom:button-card
  2700.                        template: color_temp_selector
  2701.                        variables:
  2702.                          var_color_temp: 288
  2703.                          var_entity_id: light.bathroom_lights
  2704.                        styles:
  2705.                          card:
  2706.                            - background-color: rgba(255, 255, 255, 0.5)
  2707.              - type: entities
  2708.                entities:
  2709.                  - entity: sensor.bathroom_tradfri_battery_level
  2710.                  - entity: sensor.bathroom_door_battery_level
  2711.                  - entity: sensor.bathroom_motion_detector_battery_level
  2712.                  - type: custom:template-entity-row
  2713.                    icon: mdi:thermometer
  2714.                    name: Temperature
  2715.                    state: >-
  2716.                      {{ (states('sensor.bathroom_motion_detector_temperature')
  2717.                      | float * 1) | round(0) }} °F
  2718.                  - entity: sensor.bathroom_motion_detector_illuminance
  2719.                show_header_toggle: false
  2720.                state_color: true
  2721.                card_mod:
  2722.                  style: |
  2723.                    ha-card {
  2724.                      border: solid 1px var(--primary-text-color);
  2725.                      background-color: rgba(0, 0, 0, 0)
  2726.                    }
  2727.          - type: vertical-stack
  2728.            cards:
  2729.              - type: grid
  2730.                columns: 4
  2731.                square: false
  2732.                cards:
  2733.                  - type: custom:button-card
  2734.                    template: generic_custom_button
  2735.                    entity: light.bathroom1
  2736.                  - type: custom:button-card
  2737.                    template: generic_custom_button
  2738.                    entity: light.bathroom2
  2739.                  - type: custom:button-card
  2740.                    template: generic_custom_button
  2741.                    entity: light.bathroom3
  2742.                  - type: custom:button-card
  2743.                    template: generic_custom_button
  2744.                    entity: light.bathroom4
  2745.              - type: custom:layout-card
  2746.                layout_type: grid
  2747.                square: true
  2748.                layout:
  2749.                  grid-template-columns: 50%
  2750.                cards:
  2751.                  - type: custom:mini-media-player
  2752.                    entity: media_player.bathroom
  2753.                    icon: mdi:music-box-outline
  2754.                    artwork: card
  2755.                    mini-media-player-scale: 2
  2756.                    hide:
  2757.                      power: true
  2758.                      source: true
  2759.                      controls: false
  2760.                      volume: false
  2761.                      progress: true
  2762.  - theme: Derek Dark Theme
  2763.    panel: true
  2764.    path: office
  2765.    type: panel
  2766.    icon: mdi:desktop-classic
  2767.    badges: []
  2768.    cards:
  2769.      - type: grid
  2770.        columns: 2
  2771.        cards:
  2772.          - type: vertical-stack
  2773.            cards:
  2774.              - type: custom:layout-card
  2775.                layout_type: grid
  2776.                layout:
  2777.                  grid-template-columns: 66% 17% 17%
  2778.                cards:
  2779.                  - type: custom:button-card
  2780.                    template: oversized_custom_button_with_auto
  2781.                    entity: light.office_lights
  2782.                    hold_action:
  2783.                      action: navigate
  2784.                      navigation_path: /fire-main/room
  2785.                    variables:
  2786.                      var_auto_entity: input_boolean.automation_auto_office_lights
  2787.                      var_timer_entity: timer.automation_auto_office_lights
  2788.                  - type: vertical-stack
  2789.                    cards:
  2790.                      - type: custom:button-card
  2791.                        template: brightness_selector
  2792.                        variables:
  2793.                          var_value: 100
  2794.                          var_entity_id: light.office_lights
  2795.                        state:
  2796.                          - operator: template
  2797.                            value: |-
  2798.                              [[[ return
  2799.                                  states[variables.var_entity_id].attributes.brightness
  2800.                                  <= Math.floor((variables.var_value+12)*2.55) &&
  2801.                                  states[variables.var_entity_id].attributes.brightness
  2802.                                  >= Math.floor((variables.var_value-13)*2.55)]]]
  2803.                            styles:
  2804.                              name:
  2805.                                - color: yellow
  2806.                              card:
  2807.                                - box-shadow: inset 0px 0px 5px 1px yellow
  2808.                                - border: 1px solid yellow
  2809.                      - type: custom:button-card
  2810.                        template: brightness_selector
  2811.                        variables:
  2812.                          var_value: 75
  2813.                          var_entity_id: light.office_lights
  2814.                        state:
  2815.                          - operator: template
  2816.                            value: |-
  2817.                              [[[ return
  2818.                                  states[variables.var_entity_id].attributes.brightness
  2819.                                  <= Math.floor((variables.var_value+12)*2.55) &&
  2820.                                  states[variables.var_entity_id].attributes.brightness
  2821.                                  >= Math.floor((variables.var_value-12)*2.55)]]]
  2822.                            styles:
  2823.                              name:
  2824.                                - color: yellow
  2825.                              card:
  2826.                                - box-shadow: inset 0px 0px 5px 1px yellow
  2827.                                - border: 1px solid yellow
  2828.                      - type: custom:button-card
  2829.                        template: brightness_selector
  2830.                        variables:
  2831.                          var_value: 50
  2832.                          var_entity_id: light.office_lights
  2833.                        state:
  2834.                          - operator: template
  2835.                            value: |-
  2836.                              [[[ return
  2837.                                  states[variables.var_entity_id].attributes.brightness
  2838.                                  <= Math.floor((variables.var_value+12)*2.55) &&
  2839.                                  states[variables.var_entity_id].attributes.brightness
  2840.                                  >= Math.floor((variables.var_value-12)*2.55)]]]
  2841.                            styles:
  2842.                              name:
  2843.                                - color: yellow
  2844.                              card:
  2845.                                - box-shadow: inset 0px 0px 5px 1px yellow
  2846.                                - border: 1px solid yellow
  2847.                      - type: custom:button-card
  2848.                        template: brightness_selector
  2849.                        variables:
  2850.                          var_value: 25
  2851.                          var_entity_id: light.office_lights
  2852.                        state:
  2853.                          - operator: template
  2854.                            value: |-
  2855.                              [[[ return
  2856.                                  states[variables.var_entity_id].attributes.brightness
  2857.                                  <= Math.floor((variables.var_value+12)*2.55) &&
  2858.                                  states[variables.var_entity_id].attributes.brightness
  2859.                                  >= Math.floor((variables.var_value-9)*2.55)]]]
  2860.                            styles:
  2861.                              name:
  2862.                                - color: yellow
  2863.                              card:
  2864.                                - box-shadow: inset 0px 0px 5px 1px yellow
  2865.                                - border: 1px solid yellow
  2866.                      - type: custom:button-card
  2867.                        template: brightness_selector
  2868.                        variables:
  2869.                          var_value: 10
  2870.                          var_entity_id: light.office_lights
  2871.                        state:
  2872.                          - operator: template
  2873.                            value: |
  2874.                              [[[ return
  2875.                                  states[variables.var_entity_id].attributes.brightness
  2876.                                  <= Math.floor((variables.var_value+5)*2.55) &&
  2877.                                  states[variables.var_entity_id].attributes.brightness
  2878.                                  >= Math.floor((variables.var_value-10)*2.55)]]]
  2879.                            styles:
  2880.                              name:
  2881.                                - color: yellow
  2882.                              card:
  2883.                                - box-shadow: inset 0px 0px 5px 1px yellow
  2884.                                - border: 1px solid yellow
  2885.                  - type: vertical-stack
  2886.                    cards:
  2887.                      - type: custom:button-card
  2888.                        template: rgb_selector
  2889.                        variables:
  2890.                          var_color_name: red
  2891.                          var_entity_id: light.office_lights
  2892.                        styles:
  2893.                          card:
  2894.                            - background-color: rgba(255, 0, 0, 0.5)
  2895.                      - type: custom:button-card
  2896.                        template: rgb_selector
  2897.                        variables:
  2898.                          var_color_name: green
  2899.                          var_entity_id: light.office_lights
  2900.                        styles:
  2901.                          card:
  2902.                            - background-color: rgba(0, 255, 0, 0.5)
  2903.                      - type: custom:button-card
  2904.                        template: rgb_selector
  2905.                        variables:
  2906.                          var_color_name: blue
  2907.                          var_entity_id: light.office_lights
  2908.                        styles:
  2909.                          card:
  2910.                            - background-color: rgba(0, 0, 255, 0.5)
  2911.                      - type: custom:button-card
  2912.                        template: kelvin_selector
  2913.                        variables:
  2914.                          var_kelvin_value: 2000
  2915.                          var_entity_id: light.office_lights
  2916.                        styles:
  2917.                          card:
  2918.                            - background-color: rgba(255, 160, 0, 0.5)
  2919.                      - type: custom:button-card
  2920.                        template: color_temp_selector
  2921.                        variables:
  2922.                          var_color_temp: 288
  2923.                          var_entity_id: light.office_lights
  2924.                        styles:
  2925.                          card:
  2926.                            - background-color: rgba(255, 255, 255, 0.5)
  2927.              - type: entities
  2928.                entities:
  2929.                  - entity: sensor.office_motion_detector_battery_level
  2930.                  - entity: sensor.office_button_battery_level
  2931.                  - entity: sensor.office_motion_detector_temperature
  2932.                  - entity: sensor.office_motion_detector_illuminance
  2933.                show_header_toggle: false
  2934.                state_color: true
  2935.                card_mod:
  2936.                  style: |
  2937.                    ha-card {
  2938.                      border: solid 1px var(--primary-text-color);
  2939.                      background-color: rgba(0, 0, 0, 0)
  2940.                    }
  2941.          - type: grid
  2942.            columns: 4
  2943.            square: false
  2944.            cards:
  2945.              - type: custom:button-card
  2946.                template: generic_custom_button
  2947.                entity: light.office1
  2948.                icon: mdi:lamp
  2949.              - type: custom:button-card
  2950.                template: generic_custom_button
  2951.                entity: light.office2
  2952.                icon: mdi:dresser
  2953.              - type: custom:button-card
  2954.                template: generic_custom_button
  2955.                entity: light.hallway
  2956.                icon: mdi:wall-sconce-outline
  2957.              - type: custom:button-card
  2958.                template: generic_custom_button
  2959.                entity: light.bathroom_lights
  2960.                icon: mdi:shower
  2961.                hold_action:
  2962.                  action: navigate
  2963.                  navigation_path: /fire-main/bathroom
  2964.        square: false
  2965.  - theme: Derek Dark Theme
  2966.    title: Sensors
  2967.    path: sensors
  2968.    type: panel
  2969.    icon: mdi:battery-unknown
  2970.    badges: []
  2971.    cards:
  2972.      - type: grid
  2973.        columns: 3
  2974.        cards:
  2975.          - type: vertical-stack
  2976.            cards:
  2977.              - type: custom:mod-card
  2978.                card_mod:
  2979.                  style:
  2980.                    hui-grid-card:
  2981.                      $: |
  2982.                        .card-header {
  2983.                          color: white !important;
  2984.                          text-align: center !important;
  2985.                          font-family: Times New Roman !important;
  2986.                          font-weight: 1000 !important;
  2987.                          letter-spacing: 3px !important;
  2988.                        }
  2989.                    $: |
  2990.                      :host {
  2991.                        --primary-text-color: green !important;
  2992.                      }
  2993.                card:
  2994.                  type: grid
  2995.                  layout:
  2996.                    grid-template-columns: 20% 20% 20% 20%
  2997.                  title: Motion Detectors
  2998.                  columns: 4
  2999.                  square: false
  3000.                  cards:
  3001.                    - type: custom:button-card
  3002.                      template: motion_detector_animated
  3003.                      entity: binary_sensor.living_room_motion_detector_on_off
  3004.                      name: Living Room
  3005.                      variables:
  3006.                        var_battery_entity: sensor.living_room_motion_detector_battery_level
  3007.                    - type: custom:button-card
  3008.                      template: motion_detector_animated
  3009.                      entity: binary_sensor.office_motion_detector
  3010.                      name: Office
  3011.                      variables:
  3012.                        var_battery_entity: sensor.office_motion_detector_battery_level
  3013.                    - type: custom:button-card
  3014.                      template: motion_detector_animated
  3015.                      entity: binary_sensor.bathroom_motion_detector
  3016.                      name: Bathroom
  3017.                      variables:
  3018.                        var_battery_entity: sensor.bathroom_motion_detector_battery_level
  3019.                    - type: custom:button-card
  3020.                      template: motion_detector_animated
  3021.                      entity: binary_sensor.kitchen_motion_detector
  3022.                      name: Kitchen 1
  3023.                      variables:
  3024.                        var_battery_entity: sensor.kitchen_motion_detector_battery_level
  3025.                    - type: custom:button-card
  3026.                      template: motion_detector_animated
  3027.                      entity: binary_sensor.kitchen_motion_detector_2
  3028.                      name: Kitchen 2
  3029.                      variables:
  3030.                        var_battery_entity: sensor.kitchen_motion_detector_2_battery_level
  3031.                    - type: custom:button-card
  3032.                      template: motion_detector_animated
  3033.                      entity: binary_sensor.bedroom_motion_detector
  3034.                      name: Bedroom
  3035.                      variables:
  3036.                        var_battery_entity: sensor.bedroom_motion_detector_battery_level
  3037.              - type: grid
  3038.                layout:
  3039.                  grid-template-columns: 25% 25% 25% 25%
  3040.                title: Temperatures
  3041.                columns: 4
  3042.                square: false
  3043.                cards:
  3044.                  - type: custom:bignumber-card
  3045.                    entity: sensor.living_room_motion_detector_temperature
  3046.                    title: Indoor
  3047.                    from: bottom
  3048.                    scale: 30px
  3049.                    hideunit: true
  3050.                    round: 0
  3051.                    min: 35
  3052.                    max: 100
  3053.                    severity:
  3054.                      - value: 65
  3055.                        bnStyle: rgb(0,255,0)
  3056.                      - value: 68
  3057.                        bnStyle: rgb(255,255,0)
  3058.                      - value: 76
  3059.                        bnStyle: rgb(0,255,0)
  3060.                      - value: 100
  3061.                        bnStyle: rgb(255,0,0)
  3062.                        color: '#FFFFFF'
  3063.                  - type: custom:bignumber-card
  3064.                    entity: sensor.openweathermap_forecast_temperature
  3065.                    title: Outdoor
  3066.                    from: bottom
  3067.                    scale: 30px
  3068.                    hideunit: true
  3069.                    round: 0
  3070.                    min: 10
  3071.                    max: 100
  3072.                    severity:
  3073.                      - value: 50
  3074.                        bnStyle: rgb(0,0,255)
  3075.                      - value: 75
  3076.                        bnStyle: rgb(0,255,0)
  3077.                      - value: 85
  3078.                        bnStyle: rgb(255,255,0)
  3079.                      - value: 100
  3080.                        bnStyle: rgb(255,0,0)
  3081.                    color: FFFFFF
  3082.                  - type: custom:bignumber-card
  3083.                    entity: sensor.openweathermap_feels_like_temperature
  3084.                    title: Feels Like
  3085.                    from: bottom
  3086.                    scale: 30px
  3087.                    hideunit: true
  3088.                    round: 0
  3089.                    min: 10
  3090.                    max: 100
  3091.                    severity:
  3092.                      - value: 50
  3093.                        bnStyle: rgb(0,0,255)
  3094.                      - value: 75
  3095.                        bnStyle: rgb(0,255,0)
  3096.                      - value: 85
  3097.                        bnStyle: rgb(255,255,0)
  3098.                      - value: 100
  3099.                        bnStyle: rgb(255,0,0)
  3100.                        color: '#FFFFFF'
  3101.              - type: grid
  3102.                layout:
  3103.                  grid-template-columns: 50% 50%
  3104.                title: Graphs
  3105.                columns: 2
  3106.                square: false
  3107.                cards:
  3108.                  - type: custom:mini-graph-card
  3109.                    entities:
  3110.                      - sensor.openweathermap_forecast_temperature
  3111.                    name: Outside
  3112.                    hours_to_show: 24
  3113.                    points_per_hour: 0.25
  3114.                    decimals: 0
  3115.                    hour24: true
  3116.                    line_width: 10
  3117.                    font_size: 75
  3118.                    color_thresholds:
  3119.                      - value: 85
  3120.                        color: red
  3121.                      - value: 60
  3122.                        color: yellow
  3123.                      - value: 40
  3124.                        color: blue
  3125.                    show:
  3126.                      fill: true
  3127.                      icon: false
  3128.                      name: true
  3129.                      labels: true
  3130.                  - type: custom:mini-graph-card
  3131.                    entities:
  3132.                      - sensor.office_motion_detector_temperature
  3133.                    name: Inside
  3134.                    hours_to_show: 24
  3135.                    points_per_hour: 0.25
  3136.                    decimals: 0
  3137.                    hour24: true
  3138.                    line_width: 10
  3139.                    font_size: 75
  3140.                    color_thresholds:
  3141.                      - value: 85
  3142.                        color: red
  3143.                      - value: 60
  3144.                        color: yellow
  3145.                      - value: 40
  3146.                        color: blue
  3147.                    show:
  3148.                      fill: true
  3149.                      icon: false
  3150.                      name: true
  3151.                      labels: true
  3152.          - type: vertical-stack
  3153.            cards:
  3154.              - type: custom:battery-state-card
  3155.                title: Battery Levels under 50%
  3156.                secondary_info: last_updated
  3157.                sort_by_level: asc
  3158.                tap_action: more-info
  3159.                state_map:
  3160.                  - from: 'on'
  3161.                    to: 0
  3162.                  - from: 'off'
  3163.                    to: 100
  3164.                filter:
  3165.                  include:
  3166.                    - name: entity_id
  3167.                      value: sensor.*_power*
  3168.                    - name: entity_id
  3169.                      value: sensor.*_battery_level*
  3170.                  exclude:
  3171.                    - name: state
  3172.                      operator: '>='
  3173.                      value: 50
  3174.                    - name: state
  3175.                      operator: '='
  3176.                      value: Unavailable
  3177.                    - name: state
  3178.                      operator: '='
  3179.                      value: Unknown
  3180.                    - name: entity_id
  3181.                      value: sensor.*_battery_power
  3182.                    - name: entity_id
  3183.                      value: '*shellyplug*'
  3184.                    - name: entity_id
  3185.                      value: sensor.tv_plug_active_power
  3186.                card_mod:
  3187.                  style: |
  3188.                    ha-card .card-header .truncate {
  3189.                      color: white;
  3190.                      text-align: center;
  3191.                      font-weight: 1000;
  3192.                      letter-spacing: 3px;
  3193.                      font-family: Times New Roman
  3194.                    }
  3195.              - type: custom:battery-state-card
  3196.                title: Unavailable Battery Levels
  3197.                secondary_info: last_updated
  3198.                sort_by_level: asc
  3199.                tap_action: more-info
  3200.                state_map:
  3201.                  - from: 'on'
  3202.                    to: 0
  3203.                  - from: 'off'
  3204.                    to: 100
  3205.                filter:
  3206.                  include:
  3207.                    - name: entity_id
  3208.                      value: sensor.*_power*
  3209.                    - name: entity_id
  3210.                      value: sensor.*_battery_level*
  3211.                    - name: state
  3212.                      operator: '='
  3213.                      value: Unavailable
  3214.                    - name: state
  3215.                      operator: '='
  3216.                      value: Unknown
  3217.                  exclude:
  3218.                    - name: state
  3219.                      operator: '>='
  3220.                      value: 0
  3221.                    - name: entity_id
  3222.                      value: sensor.*_battery_power
  3223.                    - name: entity_id
  3224.                      value: '*shellyplug*'
  3225.                    - name: entity_id
  3226.                      value: sensor.fire*
  3227.                    - name: entity_id
  3228.                      value: sensor.quest_media_session
  3229.                card_mod:
  3230.                  style: |
  3231.                    ha-card .card-header .truncate {
  3232.                      color: white;
  3233.                      text-align: center;
  3234.                      font-weight: 1000;
  3235.                      letter-spacing: 3px;
  3236.                      font-family: Times New Roman
  3237.                    }
  3238.          - type: grid
  3239.            columns: 1
  3240.            square: false
  3241.            cards:
  3242.              - type: custom:home-feed-card
  3243.                title: Home Feed
  3244.                show_empty: false
  3245.                scrollbars_enabled: false
  3246.                max_item_count: 6
  3247.                entities:
  3248.                  - entity: light.bedroom1
  3249.                    icon: mdi:lightbulb
  3250.                    name: Bedroom 1
  3251.                  - entity: light.bedroom2
  3252.                    icon: mdi:lightbulb
  3253.                    name: Bedroom 2
  3254.              - type: custom:battery-state-card
  3255.                title: Unavailable Lights
  3256.                secondary_info: last_updated
  3257.                sort_by_level: asc
  3258.                tap_action: more-info
  3259.                state_map:
  3260.                  - from: 'on'
  3261.                    to: 0
  3262.                  - from: 'off'
  3263.                    to: 100
  3264.                filter:
  3265.                  include:
  3266.                    - name: entity_id
  3267.                      value: light.*
  3268.                    - name: state
  3269.                      operator: '='
  3270.                      value: Unavailable
  3271.                  exclude:
  3272.                    - name: state
  3273.                      operator: '>='
  3274.                      value: 0
  3275.                    - name: entity_id
  3276.                      value: light.fire*
  3277.                    - name: entity_id
  3278.                      value: sensor.quest_media_session
  3279.                card_mod:
  3280.                  style: |
  3281.                    ha-card .card-header .truncate {
  3282.                      color: white;
  3283.                      text-align: center;
  3284.                      font-weight: 1000;
  3285.                      letter-spacing: 3px;
  3286.                      font-family: Times New Roman
  3287.                    }
  3288.  - title: Automations
  3289.    path: automations
  3290.    type: panel
  3291.    theme: Derek Dark Theme
  3292.    icon: mdi:robot-outline
  3293.    badges: []
  3294.    cards:
  3295.      - type: vertical-stack
  3296.        cards:
  3297.          - type: custom:layout-card
  3298.            layout_type: grid
  3299.            layout:
  3300.              grid-template-columns: 85% 20%
  3301.              grid-template-rows: 65px
  3302.              margin: 0px 0px 0px 0px
  3303.              padding: 0
  3304.              card_margin: 0
  3305.            cards:
  3306.              - type: markdown
  3307.                content: >
  3308.                  <ha-icon icon="mdi:robot-outline"></ha-icon><font size=6>
  3309.                  Automations</font>
  3310.                card_mod:
  3311.                  style: |
  3312.                    ha-card {
  3313.                      border: none;
  3314.                      background-color: rgba(0, 0, 0, 0)
  3315.                    }
  3316.              - type: horizontal-stack
  3317.                cards:
  3318.                  - type: custom:button-card
  3319.                    template: generic_custom_button
  3320.                    name: Refresh
  3321.                    icon: mdi:tablet-dashboard
  3322.                    styles:
  3323.                      card:
  3324.                        - height: 60px
  3325.                        - width: 80px
  3326.                      name:
  3327.                        - text-transform: uppercase
  3328.                        - letter-spacing: 0.1em
  3329.                        - font-familly: cursive
  3330.                        - justify-self: center
  3331.                        - padding: 0px 5px
  3332.                        - font-size: 10px
  3333.                    tap_action:
  3334.                      action: call-service
  3335.                      service: automation.trigger
  3336.                      service_data:
  3337.                        entity_id: automation.refresh_tablets_on_boot
  3338.                  - type: custom:button-card
  3339.                    template: generic_custom_button
  3340.                    name: Return
  3341.                    icon: mdi:keyboard-return
  3342.                    styles:
  3343.                      card:
  3344.                        - height: 60px
  3345.                        - width: 80px
  3346.                      name:
  3347.                        - text-transform: uppercase
  3348.                        - letter-spacing: 0.1em
  3349.                        - font-familly: cursive
  3350.                        - justify-self: center
  3351.                        - padding: 0px 5px
  3352.                        - font-size: 10px
  3353.                    tap_action:
  3354.                      action: navigate
  3355.                      navigation_path: /fire-main/living-room
  3356.          - type: grid
  3357.            columns: 2
  3358.            square: false
  3359.            cards:
  3360.              - type: custom:auto-entities
  3361.                card:
  3362.                  type: entities
  3363.                  show_header_toggle: false
  3364.                  state_color: true
  3365.                  card_mod:
  3366.                    style: |
  3367.                      ha-card {
  3368.                        border: solid 1px var(--primary-text-color);
  3369.                        background-color: rgba(0, 0, 0, 0)
  3370.                      }
  3371.                filter:
  3372.                  include:
  3373.                    - entity_id: input_boolean.automation*
  3374.                      domain: input_boolean
  3375.                  exclude:
  3376.                    - entity_id: '*light*'
  3377.                sort:
  3378.                  method: friendly_name
  3379.                  reverse: false
  3380.              - type: custom:auto-entities
  3381.                card:
  3382.                  type: entities
  3383.                  show_header_toggle: false
  3384.                  state_color: true
  3385.                  card_mod:
  3386.                    style: |
  3387.                      ha-card {
  3388.                        border: solid 1px var(--primary-text-color);
  3389.                        background-color: rgba(0, 0, 0, 0)
  3390.                      }
  3391.                filter:
  3392.                  include:
  3393.                    - entity_id: input_select.*
  3394.                      domain: input_select
  3395.                    - entity_id: input_boolean.card_mod_z_index
  3396.                      domain: input_boolean
  3397.                sort:
  3398.                  method: friendly_name
  3399.                  reverse: false
  3400.              - type: custom:auto-entities
  3401.                card:
  3402.                  type: entities
  3403.                  show_header_toggle: false
  3404.                  state_color: true
  3405.                  card_mod:
  3406.                    style: |
  3407.                      ha-card {
  3408.                        border: solid 1px var(--primary-text-color);
  3409.                        background-color: rgba(0, 0, 0, 0)
  3410.                      }
  3411.                filter:
  3412.                  include:
  3413.                    - entity_id: input_datetime.*
  3414.                      domain: input_datetime
  3415.                  exclude: []
  3416.                sort:
  3417.                  method: friendly_name
  3418.                  reverse: false
  3419.              - type: custom:auto-entities
  3420.                card:
  3421.                  type: entities
  3422.                  show_header_toggle: false
  3423.                  state_color: true
  3424.                  show_state: true
  3425.                  card_mod:
  3426.                    style: |
  3427.                      ha-card {
  3428.                        border: solid 1px var(--primary-text-color);
  3429.                        background-color: rgba(0, 0, 0, 0)
  3430.                      }
  3431.                filter:
  3432.                  include:
  3433.                    - entity_id: input_number.automation*
  3434.                      domain: input_number
  3435.                  exclude: []
  3436.                sort:
  3437.                  method: friendly_name
  3438.                  reverse: false
  3439.          - type: vertical-stack
  3440.            cards:
  3441.              - type: custom:button-card
  3442.                entity: automation.auto_bathroom_lights
  3443.                styles:
  3444.                  card:
  3445.                    - height: 40px
  3446.                    - width: 600px
  3447.                    - border-radius: 15px
  3448.                    - font-size: 14px
  3449.                    - padding-bottom: 0px
  3450.                    - padding-top: 0px
  3451.                    - padding-right: 5px
  3452.                    - border: none
  3453.                    - background-color: transparent
  3454.                  grid:
  3455.                    - grid-template-areas: '"i n slider markdown"'
  3456.                    - grid-template-columns: 4em 1fr 40% 20%
  3457.                    - grid-template-rows: auto
  3458.                  name:
  3459.                    - justify-self: start
  3460.                  markdown:
  3461.                    - font-size: 12px
  3462.                custom_fields:
  3463.                  slider:
  3464.                    card:
  3465.                      full_row: true
  3466.                      type: custom:slider-entity-row
  3467.                      entity: input_number.automation_auto_bathroom_lights_duration
  3468.                      hide_state: true
  3469.                  markdown:
  3470.                    card:
  3471.                      type: markdown
  3472.                      content: >
  3473.                        {{-
  3474.                        states.input_number.automation_auto_bathroom_lights_duration.state
  3475.                        |int| string +" minutes"-}}
  3476.                      card_mod:
  3477.                        style: |
  3478.                          ha-card {
  3479.                            border: none;
  3480.                            background-color: transparent;
  3481.                          }
  3482.              - type: custom:button-card
  3483.                entity: automation.auto_office_lights
  3484.                styles:
  3485.                  card:
  3486.                    - height: 40px
  3487.                    - width: 600px
  3488.                    - border-radius: 15px
  3489.                    - font-size: 14px
  3490.                    - padding-bottom: 0px
  3491.                    - padding-top: 0px
  3492.                    - padding-right: 5px
  3493.                    - border: none
  3494.                    - background-color: transparent
  3495.                  grid:
  3496.                    - grid-template-areas: '"i n slider markdown"'
  3497.                    - grid-template-columns: 4em 1fr 40% 20%
  3498.                    - grid-template-rows: auto
  3499.                  name:
  3500.                    - justify-self: start
  3501.                  markdown:
  3502.                    - font-size: 12px
  3503.                custom_fields:
  3504.                  slider:
  3505.                    card:
  3506.                      full_row: true
  3507.                      type: custom:slider-entity-row
  3508.                      entity: input_number.automation_auto_office_lights_duration
  3509.                      hide_state: true
  3510.                  markdown:
  3511.                    card:
  3512.                      type: markdown
  3513.                      content: >
  3514.                        {{-
  3515.                        states.input_number.automation_auto_office_lights_duration.state
  3516.                        |int| string +" minutes"-}}
  3517.                      card_mod:
  3518.                        style: |
  3519.                          ha-card {
  3520.                            border: none;
  3521.                            background-color: transparent;
  3522.                          }
  3523.              - type: custom:button-card
  3524.                entity: automation.auto_kitchen_lights
  3525.                styles:
  3526.                  card:
  3527.                    - height: 40px
  3528.                    - width: 600px
  3529.                    - border-radius: 15px
  3530.                    - font-size: 14px
  3531.                    - padding-bottom: 0px
  3532.                    - padding-top: 0px
  3533.                    - padding-right: 5px
  3534.                    - border: none
  3535.                    - background-color: transparent
  3536.                  grid:
  3537.                    - grid-template-areas: '"i n slider markdown"'
  3538.                    - grid-template-columns: 4em 1fr 40% 20%
  3539.                    - grid-template-rows: auto
  3540.                  name:
  3541.                    - justify-self: start
  3542.                  markdown:
  3543.                    - font-size: 12px
  3544.                custom_fields:
  3545.                  slider:
  3546.                    card:
  3547.                      full_row: true
  3548.                      type: custom:slider-entity-row
  3549.                      entity: input_number.automation_auto_kitchen_lights_duration
  3550.                      hide_state: true
  3551.                  markdown:
  3552.                    card:
  3553.                      type: markdown
  3554.                      content: >
  3555.                        {{-
  3556.                        states.input_number.automation_auto_kitchen_lights_duration.state
  3557.                        |int| string +" minutes"-}}
  3558.                      card_mod:
  3559.                        style: |
  3560.                          ha-card {
  3561.                            border: none;
  3562.                            background-color: transparent;
  3563.                          }
  3564.              - type: custom:button-card
  3565.                entity: automation.auto_hallway_lights
  3566.                styles:
  3567.                  card:
  3568.                    - height: 40px
  3569.                    - width: 600px
  3570.                    - border-radius: 15px
  3571.                    - font-size: 14px
  3572.                    - padding-bottom: 0px
  3573.                    - padding-top: 0px
  3574.                    - padding-right: 5px
  3575.                    - border: none
  3576.                    - background-color: transparent
  3577.                  grid:
  3578.                    - grid-template-areas: '"i n slider markdown"'
  3579.                    - grid-template-columns: 4em 1fr 40% 20%
  3580.                    - grid-template-rows: auto
  3581.                  name:
  3582.                    - justify-self: start
  3583.                  markdown:
  3584.                    - font-size: 12px
  3585.                custom_fields:
  3586.                  slider:
  3587.                    card:
  3588.                      full_row: true
  3589.                      type: custom:slider-entity-row
  3590.                      entity: input_number.automation_auto_hallway_lights_duration
  3591.                      hide_state: true
  3592.                  markdown:
  3593.                    card:
  3594.                      type: markdown
  3595.                      content: >
  3596.                        {{-
  3597.                        states.input_number.automation_auto_hallway_lights_duration.state
  3598.                        |int| string +" minutes"-}}
  3599.                      card_mod:
  3600.                        style: |
  3601.                          ha-card {
  3602.                            border: none;
  3603.                            background-color: transparent;
  3604.                          }
  3605.  - theme: Derek Dark Theme
  3606.    title: System
  3607.    path: system
  3608.    icon: mdi:desktop-classic
  3609.    type: panel
  3610.    badges: []
  3611.    cards:
  3612.      - type: grid
  3613.        columns: 2
  3614.        cards:
  3615.          - type: vertical-stack
  3616.            cards:
  3617.              - type: custom:layout-card
  3618.                layout_type: grid
  3619.                layout:
  3620.                  grid-template-columns: 33% 33% 33%
  3621.                cards:
  3622.                  - type: custom:mini-graph-card
  3623.                    align_icon: left
  3624.                    align_state: center
  3625.                    entities:
  3626.                      - sensor.processor_use
  3627.                    name: CPU
  3628.                    hours_to_show: 12
  3629.                    font_size: 75
  3630.                    fill: true
  3631.                    show:
  3632.                      graph: line
  3633.                    color_thresholds:
  3634.                      - value: 75
  3635.                        color: red
  3636.                      - value: 50
  3637.                        color: yellow
  3638.                      - value: 25
  3639.                        color: green
  3640.                    icon: mdi:chip
  3641.                  - type: custom:mini-graph-card
  3642.                    align_icon: left
  3643.                    align_state: center
  3644.                    entities:
  3645.                      - sensor.memory_use_percent
  3646.                    name: Memory
  3647.                    hours_to_show: 12
  3648.                    font_size: 75
  3649.                    show:
  3650.                      fill: true
  3651.                      graph: line
  3652.                    color_thresholds:
  3653.                      - value: 85
  3654.                        color: red
  3655.                      - value: 75
  3656.                        color: yellow
  3657.                      - value: 50
  3658.                        color: green
  3659.                  - type: custom:mini-graph-card
  3660.                    align_icon: left
  3661.                    align_state: center
  3662.                    entities:
  3663.                      - sensor.disk_use_percent_home
  3664.                    name: Disk
  3665.                    hours_to_show: 12
  3666.                    font_size: 75
  3667.                    show:
  3668.                      fill: true
  3669.                      graph: line
  3670.                    color_thresholds:
  3671.                      - value: 50
  3672.                        color: green
  3673.                      - value: 75
  3674.                        color: yellow
  3675.                      - value: 85
  3676.                        color: red
  3677.                  - type: custom:mini-graph-card
  3678.                    align_icon: left
  3679.                    align_state: center
  3680.                    entities:
  3681.                      - sensor.speedtest_download
  3682.                    name: Download
  3683.                    hours_to_show: 72
  3684.                    font_size: 75
  3685.                    show:
  3686.                      fill: true
  3687.                      graph: bar
  3688.                    color_thresholds:
  3689.                      - value: 400
  3690.                        color: green
  3691.                      - value: 300
  3692.                        color: yellow
  3693.                      - value: 200
  3694.                        color: red
  3695.                  - type: custom:mini-graph-card
  3696.                    align_icon: left
  3697.                    align_state: center
  3698.                    entities:
  3699.                      - sensor.speedtest_upload
  3700.                    name: Upload
  3701.                    hours_to_show: 72
  3702.                    font_size: 75
  3703.                    show:
  3704.                      fill: true
  3705.                      graph: bar
  3706.                    color_thresholds:
  3707.                      - value: 18
  3708.                        color: green
  3709.                      - value: 16
  3710.                        color: yellow
  3711.                      - value: 12
  3712.                        color: red
  3713.                  - type: custom:mini-graph-card
  3714.                    align_icon: left
  3715.                    align_state: center
  3716.                    entities:
  3717.                      - sensor.speedtest_ping
  3718.                    name: Ping
  3719.                    hours_to_show: 72
  3720.                    font_size: 75
  3721.                    show:
  3722.                      fill: true
  3723.                      graph: bar
  3724.                    color_thresholds:
  3725.                      - value: 75
  3726.                        color: red
  3727.                      - value: 50
  3728.                        color: yellow
  3729.                      - value: 5
  3730.                        color: green
  3731.                  - type: custom:mini-graph-card
  3732.                    align_icon: left
  3733.                    align_state: center
  3734.                    entities:
  3735.                      - sensor.qbittorrent_down_speed
  3736.                    name: qBittorent Down
  3737.                    font_size: 75
  3738.                    show:
  3739.                      fill: true
  3740.                  - type: custom:mini-graph-card
  3741.                    align_icon: left
  3742.                    align_state: center
  3743.                    entities:
  3744.                      - sensor.qbittorrent_up_speed
  3745.                    name: qBittorent Up
  3746.                    font_size: 75
  3747.                    show:
  3748.                      fill: true
  3749.          - type: custom:layout-card
  3750.            layout_type: grid
  3751.            layout:
  3752.              grid-template-columns: 100%
  3753.            cards:
  3754.              - type: entities
  3755.                entities:
  3756.                  - entity: sensor.home_assistant_uptime
  3757.                    icon: mdi:home-assistant
  3758.                  - entity: update.home_assistant_operating_system_update
  3759.                  - entity: update.home_assistant_core_update
  3760.                    hold_action:
  3761.                      service: update.install
  3762.                      data:
  3763.                        backup: true
  3764.                  - entity: update.home_assistant_supervisor_update
  3765.                  - entity: sensor.hacs
  3766.                show_header_toggle: false
  3767.                state_color: true
  3768.                card_mod:
  3769.                  style: |
  3770.                    ha-card {
  3771.                      border: solid 1px var(--primary-text-color);
  3772.                      background-color: rgba(0, 0, 0, 0)
  3773.                    }
  3774.  - title: Show
  3775.    path: show
  3776.    icon: mdi:tablet
  3777.    type: panel
  3778.    theme: Derek Dark Theme
  3779.    badges: []
  3780.    cards:
  3781.      - type: vertical-stack
  3782.        cards:
  3783.          - type: custom:layout-card
  3784.            layout_type: grid
  3785.            layout:
  3786.              grid-template-columns: 25% 50% 25%
  3787.            cards:
  3788.              - type: markdown
  3789.                content: '{{ now().strftime("%m/%d/%Y") }}'
  3790.                 card_mod:
  3791.                   style: |
  3792.                    ha-markdown {
  3793.                       font-size: 22px !important;
  3794.                       font-weight: normal !important;
  3795.                       line-height: 1.4 !important;
  3796.                     }
  3797.                     ha-card {
  3798.                       background: transparent;
  3799.                       border: none;
  3800.                       box-shadow: none;
  3801.                       text-align: left;
  3802.                     }
  3803.               - type: markdown
  3804.                 content: |
  3805.                  {% set time = now().hour %}
  3806.                   {% if (time >= 18) %} Good evening, {{user}}!
  3807.                   {% elif (time >= 12) %} Good afternoon, {{user}}!
  3808.                   {% elif (time >= 6) %} Good morning, {{user}}!
  3809.                   {% elif (time >= 0) %} Good night, {{user}}!
  3810.                   {% else %} Hello, {{user}}!
  3811.                   {% endif %}
  3812.                 card_mod:
  3813.                   style: |
  3814.                    ha-markdown {
  3815.                       font-size: 22px !important;
  3816.                       font-weight: normal !important;
  3817.                       line-height: 1.4 !important;
  3818.                     }
  3819.                     ha-card {
  3820.                       font-family: Arial;
  3821.                       background: transparent;
  3822.                       border: none;
  3823.                       box-shadow: none;
  3824.                       text-align: center;
  3825.                     }
  3826.               - type: markdown
  3827.                 content: '{{ now().strftime("%H:%M") }}'
  3828.                 card_mod:
  3829.                   style: |
  3830.                    ha-markdown {
  3831.                       font-size: 22px !important;
  3832.                       font-weight: normal !important;
  3833.                       line-height: 1.4 !important;
  3834.                     }
  3835.                     ha-card {
  3836.                       background: transparent;
  3837.                       border: none;
  3838.                       box-shadow: none;
  3839.                       text-align: right;
  3840.                     }
  3841.           - type: custom:mushroom-chips-card
  3842.             chips:
  3843.               - type: entity
  3844.                 entity: person.derek
  3845.                 use_entity_picture: true
  3846.                 card_mod:
  3847.                   style: |
  3848.                    ha-card {
  3849.                       border: unset;
  3850.                       --chip-background: none;
  3851.                       --chip-font-size: 16px;
  3852.                       --chip-padding: 0 0.3em;
  3853.                       --chip-box-shadow: none;
  3854.               - type: template
  3855.                 content: >-
  3856.                   {{ states(entity) }} {{ state_attr(entity,
  3857.                   "unit_of_measurement") }}
  3858.                 icon: >
  3859.                  {% set battery_level =
  3860.                   states('sensor.s22_ultra_battery_level') | int // 10 * 10 %}
  3861.                   {% set charging_state =
  3862.                   states('sensor.s22_ultra_charger_type') %}  {% set is_charging
  3863.                   = is_state('binary_sensor.s22_ultra_is_charging', 'on') |
  3864.                   iif(True, False) %}
  3865.  
  3866.                   {% set map = {"none":"", "ac":"charging-",
  3867.                   "wireless":"charging-wireless-"} %} {% set charging =
  3868.                   map[states('sensor.s22_ultra_charger_type')] %}
  3869.  
  3870.                   {% if battery_level == 100 and is_charging == True %}
  3871.                   mdi:battery-charging  {% elif battery_level == 100 %}
  3872.                   mdi:battery     {% elif battery_level >= 10 %}
  3873.                   mdi:battery-{{charging}}{{battery_level}}    {% elif
  3874.                   battery_level >= 0 %}mdi:battery-{{charging}}outline    {%
  3875.                   else %} mdi:battery-unknown    {% endif %}
  3876.                 entity: sensor.s22_ultra_battery_level
  3877.                 icon_color: |
  3878.                  {% set battery_level = (states(entity) | int) %}
  3879.                   {% if battery_level >= 90 %} green
  3880.                   {% elif battery_level >= 80 %} light-green
  3881.                   {% elif battery_level >= 68 %} orange
  3882.                   {% elif battery_level >= 56 %} yellow
  3883.                   {% elif battery_level >= 44 %} amber
  3884.                   {% elif battery_level >= 32 %} orange
  3885.                   {% elif battery_level >= 20 %} deep-orange
  3886.                   {% else %} red
  3887.                   {% endif %}
  3888.                 tap_action:
  3889.                   action: none
  3890.                 hold_action:
  3891.                   action: none
  3892.                 double_tap_action:
  3893.                   action: none
  3894.               - type: template
  3895.                 entity: input_boolean.guest_mode
  3896.                 content: Guest Mode
  3897.                 icon: |
  3898.                  {{ (states(entity)=="on") | iif("mdi:home",
  3899.                   "mdi:home-off-outline") }}
  3900.                 icon_color: |
  3901.                  {{ (states(entity)=="on") | iif("green", "red") }}
  3902.                 press_action:
  3903.                   action: toggle
  3904.               - type: template
  3905.                 entity: input_boolean.automation_override
  3906.                 content: Automations
  3907.                 icon: >
  3908.                  {{ (states(entity)=="off") | iif("mdi:lightbulb-auto",
  3909.                   "mdi:lightbulb-auto-outline") }}
  3910.                 icon_color: |
  3911.                  {{ (states(entity)=="off") | iif("green", "red") }}
  3912.                 press_action:
  3913.                   action: toggle
  3914.                 hold_action:
  3915.                   action: navigate
  3916.                   navigation_path: /fire-main/automations
  3917.               - type: template
  3918.                 entity: input_boolean.automation_interior_motion_detectors
  3919.                 content: Motion Detectors
  3920.                 icon: >
  3921.                  {{ (states(entity)=="on") | iif("mdi:motion-sensor",
  3922.                   "mdi:motion-sensor-off") }}
  3923.                 icon_color: |
  3924.                  {{ (states((entity))=="on") | iif("green", "red") }}
  3925.                 press_action:
  3926.                   action: toggle
  3927.               - type: template
  3928.                 entity: input_boolean.card_mod_z_index
  3929.                 content: Z-Index
  3930.                 icon: >
  3931.                  {{ (states(entity)=="on") | iif("mdi:alpha-z-box",
  3932.                   "mdi:alpha-z-box-outline") }}
  3933.                 icon_color: |
  3934.                  {{ (states((entity))=="on") | iif("green", "red") }}
  3935.                 press_action:
  3936.                   action: toggle
  3937.               - type: conditional
  3938.                 conditions:
  3939.                   - entity: binary_sensor.living_room_motion_detector_on_off
  3940.                     state: 'on'
  3941.                 chip:
  3942.                   type: template
  3943.                   icon_color: red
  3944.                   icon: mdi:motion-sensor
  3945.                   card_mod:
  3946.                     style: |
  3947.                      :host {
  3948.                         position: fixed;
  3949.                         top: 0px;
  3950.                         left: 94%;
  3951.                         z-index: 99;
  3952.                       }
  3953.                       ha-card {
  3954.                         {% if is_state('binary_sensor.living_room_motion_detector_on_off', 'on') %}
  3955.                             animation: ping 2s infinite
  3956.                         {% endif %}
  3957.                       }
  3958.                       @keyframes ping {
  3959.                         0% { box-shadow: inset 0 0 1px 0px rgba(255,0,0, 0.7); }
  3960.                         100% { box-shadow: inset 0 0 1px 10px transparent; }
  3961.                       }
  3962.                   hold_action:
  3963.                     action: navigate
  3964.                     navigation_path: /fire-main/sensors
  3965.               - type: custom:state-switch
  3966.                 entity: template
  3967.                 template: >-
  3968.                   {% if is_state('binary_sensor.living_room_door_on_off', 'on')
  3969.                   and (as_timestamp(now()) -
  3970.                   as_timestamp(states.binary_sensor.living_room_door_on_off.last_updated))|int
  3971.                   > 30 %}  open_too_long  {% endif %}
  3972.                 states:
  3973.                   open_too_long:
  3974.                     type: custom:mushroom-chips-card
  3975.                     chips:
  3976.                       - type: template
  3977.                         icon_color: red
  3978.                         icon: mdi:door-open
  3979.                         card_mod:
  3980.                           style: |
  3981.                            ha-card {
  3982.                             animation: blink 1s linear infinite;
  3983.                             --chip-icon-size: 0.6em;
  3984.                             }
  3985.                         hold_action:
  3986.                           action: navigate
  3987.                           navigation_path: /fire-main/sensors
  3988.           - type: horizontal-stack
  3989.             cards:
  3990.               - type: vertical-stack
  3991.                 cards:
  3992.                   - type: custom:button-card
  3993.                     template: generic_custom_button
  3994.                     entity: light.living_room_lights
  3995.                     hold_action:
  3996.                       action: fire-dom-event
  3997.                       browser_mod:
  3998.                         service: browser_mod.popup
  3999.                         data:
  4000.                           card_mod:
  4001.                             style: |
  4003.                               ha-dialog {
  4004.                                 --mdc-dialog-min-width: 500px !important;
  4005.                                 --mdc-dialog-max-width: 500px !important;
  4006.                                 --popup-border-width: 1px;
  4007.                                 --popup-border-radius: 12px;
  4008.                                 --popup-padding-x: 0px;
  4009.                                 --popup-padding-y: 0px;
  4010.                                 --dialog-backdrop-filter: hue-rotate(120deg) blur(0.8em) brightness(1.2);
  4011.                                 --dialog-backdrop-background-color: rgb(255,0,0);
  4012.                                 --dialog-content-padding: 20px;
  4013.                                 }
  4014.                                 .content {
  4015.                                   width: auto !important;
  4016.                                 }
  4017.                           timeout: 10000
  4018.                           content:
  4019.                             type: entities
  4020.                             state_color: true
  4021.                             show_header_toggle: false
  4022.                             entities:
  4023.                               - type: custom:slider-entity-row
  4024.                                 entity: light.living_room1
  4025.                                 hide_state: true
  4026.                                 toggle: true
  4027.                                 step: 1
  4028.                               - type: custom:slider-entity-row
  4029.                                 entity: light.living_room2
  4030.                                 hide_state: true
  4031.                                 toggle: true
  4032.                                 step: 1
  4033.                   - type: custom:big-slider-card
  4034.                     entity: light.living_room_lights
  4035.                     name: "\_"
  4036.                     transition: 0.3
  4037.                     color: white
  4038.                     icon: none
  4039.                     tap_action:
  4040.                       action: none
  4041.                     hold_action:
  4042.                       action: none
  4043.               - type: vertical-stack
  4044.                 cards:
  4045.                   - type: custom:button-card
  4046.                     template: generic_custom_button
  4047.                     entity: light.kitchen_lights
  4048.                     hold_action:
  4049.                       action: fire-dom-event
  4050.                       browser_mod:
  4051.                         service: browser_mod.popup
  4052.                         data:
  4053.                           card_mod:
  4054.                             style: |
  4056.                               ha-dialog {
  4057.                                 --mdc-dialog-min-width: 500px !important;
  4058.                                 --mdc-dialog-max-width: 500px !important;
  4059.                                 --popup-border-width: 1px;
  4060.                                 --popup-border-radius: 12px;
  4061.                                 --popup-padding-x: 0px;
  4062.                                 --popup-padding-y: 0px;
  4063.                                 --dialog-backdrop-filter: blur(0.8em) brightness(1.2);
  4064.                                 --dialog-content-padding: 20px;
  4065.                                 }
  4066.                                 .content {
  4067.                                   width: auto !important;
  4068.                                 }
  4069.                           timeout: 10000
  4070.                           content:
  4071.                             type: entities
  4072.                             state_color: true
  4073.                             show_header_toggle: false
  4074.                             entities:
  4075.                               - type: custom:slider-entity-row
  4076.                                 entity: light.kitchen
  4077.                                 hide_state: true
  4078.                                 toggle: true
  4079.                                 step: 1
  4080.                               - type: custom:slider-entity-row
  4081.                                 entity: light.stove
  4082.                                 hide_state: true
  4083.                                 toggle: true
  4084.                                 step: 1
  4085.                               - type: custom:slider-entity-row
  4086.                                 entity: >-
  4087.                                   input_number.automation_auto_kitchen_lights_duration
  4088.                                 name: Auto Lights Duration
  4089.                                 hide_state: false
  4090.                                 toggle: false
  4091.                                 step: 1
  4092.                   - type: custom:big-slider-card
  4093.                     entity: light.kitchen_lights
  4094.                     name: "\_"
  4095.                     transition: 0.3
  4096.                     color: white
  4097.                     icon: none
  4098.                     tap_action:
  4099.                       action: none
  4100.                     hold_action:
  4101.                       action: none
  4102.               - type: vertical-stack
  4103.                 cards:
  4104.                   - type: custom:button-card
  4105.                     template: generic_custom_button
  4106.                     entity: light.hallway
  4107.                     hold_action:
  4108.                       action: fire-dom-event
  4109.                       browser_mod:
  4110.                         service: browser_mod.popup
  4111.                         data:
  4112.                           card_mod:
  4113.                             style: |
  4115.                               ha-dialog {
  4116.                                 --mdc-dialog-min-width: 500px !important;
  4117.                                 --mdc-dialog-max-width: 500px !important;
  4118.                                 --popup-border-width: 1px;
  4119.                                 --popup-border-radius: 12px;
  4120.                                 --popup-padding-x: 0px;
  4121.                                 --popup-padding-y: 0px;
  4122.                                 --dialog-backdrop-filter: blur(0.8em) brightness(1.2);
  4123.                                 --dialog-content-padding: 20px;
  4124.                                 }
  4125.                                 .content {
  4126.                                   width: auto !important;
  4127.                                 }
  4128.                           timeout: 10000
  4129.                           content:
  4130.                             type: entities
  4131.                             state_color: true
  4132.                             show_header_toggle: false
  4133.                             entities:
  4134.                               - type: custom:slider-entity-row
  4135.                                 entity: light.hallway
  4136.                                 hide_state: true
  4137.                                 toggle: true
  4138.                                 step: 1
  4139.                               - type: custom:slider-entity-row
  4140.                                 entity: >-
  4141.                                   input_number.automation_auto_hallway_lights_duration
  4142.                                 name: Auto Lights Duration
  4143.                                 hide_state: false
  4144.                                 toggle: false
  4145.                                 step: 1
  4146.                   - type: custom:big-slider-card
  4147.                     entity: light.hallway
  4148.                     name: "\_"
  4149.                     transition: 0.3
  4150.                     color: white
  4151.                     icon: none
  4152.                     tap_action:
  4153.                       action: none
  4154.                     hold_action:
  4155.                       action: none
  4156.               - type: vertical-stack
  4157.                 cards:
  4158.                   - type: custom:button-card
  4159.                     template: generic_custom_button
  4160.                     entity: light.office_lights
  4161.                     hold_action:
  4162.                       action: fire-dom-event
  4163.                       browser_mod:
  4164.                         service: browser_mod.popup
  4165.                         data:
  4166.                           card_mod:
  4167.                             style: |
  4169.                               ha-dialog {
  4170.                                 --mdc-dialog-min-width: 500px !important;
  4171.                                 --mdc-dialog-max-width: 500px !important;
  4172.                                 --popup-border-width: 1px;
  4173.                                 --popup-border-radius: 12px;
  4174.                                 --popup-padding-x: 0px;
  4175.                                 --popup-padding-y: 0px;
  4176.                                 --dialog-backdrop-filter: blur(0.8em) brightness(1.2);
  4177.                                 --dialog-content-padding: 20px;
  4178.                                 }
  4179.                                 .content {
  4180.                                   width: auto !important;
  4181.                                 }
  4182.                           timeout: 10000
  4183.                           content:
  4184.                             type: entities
  4185.                             state_color: true
  4186.                             show_header_toggle: false
  4187.                             entities:
  4188.                               - type: custom:slider-entity-row
  4189.                                 entity: light.office1
  4190.                                 hide_state: true
  4191.                                 toggle: true
  4192.                                 step: 1
  4193.                               - type: custom:slider-entity-row
  4194.                                 entity: light.office2
  4195.                                 hide_state: true
  4196.                                 toggle: true
  4197.                                 step: 1
  4198.                               - type: custom:slider-entity-row
  4199.                                 entity: >-
  4200.                                   input_number.automation_auto_office_lights_duration
  4201.                                 name: Auto Lights Duration
  4202.                                 hide_state: false
  4203.                                 toggle: false
  4204.                                 step: 1
  4205.                   - type: custom:big-slider-card
  4206.                     entity: light.office_lights
  4207.                     name: "\_"
  4208.                     transition: 0.3
  4209.                     color: white
  4210.                     icon: none
  4211.                     tap_action:
  4212.                       action: none
  4213.                     hold_action:
  4214.                       action: none
  4215.               - type: vertical-stack
  4216.                 cards:
  4217.                   - type: custom:button-card
  4218.                     template: generic_custom_button
  4219.                     entity: light.bedroom_lights
  4220.                     hold_action:
  4221.                       action: fire-dom-event
  4222.                       browser_mod:
  4223.                         service: browser_mod.popup
  4224.                         data:
  4225.                           card_mod:
  4226.                             style: |
  4228.                               ha-dialog {
  4229.                                 --mdc-dialog-min-width: 500px !important;
  4230.                                 --mdc-dialog-max-width: 500px !important;
  4231.                                 --popup-border-width: 1px;
  4232.                                 --popup-border-radius: 12px;
  4233.                                 --popup-padding-x: 0px;
  4234.                                 --popup-padding-y: 0px;
  4235.                                 --dialog-backdrop-filter: blur(0.8em) brightness(1.2);
  4236.                                 --dialog-content-padding: 20px;
  4237.                                 }
  4238.                                 .content {
  4239.                                   width: auto !important;
  4240.                                 }
  4241.                           timeout: 10000
  4242.                           content:
  4243.                             type: entities
  4244.                             state_color: true
  4245.                             show_header_toggle: false
  4246.                             entities:
  4247.                               - type: custom:slider-entity-row
  4248.                                 entity: light.bedroom1
  4249.                                 hide_state: true
  4250.                                 toggle: true
  4251.                                 step: 1
  4252.                               - type: custom:slider-entity-row
  4253.                                 entity: light.bedroom2
  4254.                                 hide_state: true
  4255.                                 toggle: true
  4256.                                 step: 1
  4257.                               - type: custom:slider-entity-row
  4258.                                 entity: light.bedroom_floor_lamp
  4259.                                 hide_state: true
  4260.                                 toggle: true
  4261.                                 step: 1
  4262.                   - type: custom:big-slider-card
  4263.                     entity: light.bedroom_lights
  4264.                     name: "\_"
  4265.                     transition: 0.3
  4266.                     color: white
  4267.                     icon: none
  4268.                     tap_action:
  4269.                       action: none
  4270.                     hold_action:
  4271.                       action: none
  4272.               - type: vertical-stack
  4273.                 cards:
  4274.                   - type: custom:button-card
  4275.                     template: generic_custom_button
  4276.                     entity: light.bathroom_lights
  4277.                     hold_action:
  4278.                       action: fire-dom-event
  4279.                       browser_mod:
  4280.                         service: browser_mod.popup
  4281.                         data:
  4282.                           card_mod:
  4283.                             style: |
  4285.                               ha-dialog {
  4286.                                 --mdc-dialog-min-width: 500px !important;
  4287.                                 --mdc-dialog-max-width: 500px !important;
  4288.                                 --popup-border-width: 1px;
  4289.                                 --popup-border-radius: 12px;
  4290.                                 --popup-padding-x: 0px;
  4291.                                 --popup-padding-y: 0px;
  4292.                                 --dialog-backdrop-filter: blur(0.8em) brightness(1.2);
  4293.                                 --dialog-content-padding: 20px;
  4294.                                 }
  4295.                                 .content {
  4296.                                   width: auto !important;
  4297.                                 }
  4298.                           timeout: 10000
  4299.                           content:
  4300.                             type: entities
  4301.                             state_color: true
  4302.                             show_header_toggle: false
  4303.                             entities:
  4304.                               - type: custom:slider-entity-row
  4305.                                 entity: light.bathroom1
  4306.                                 hide_state: true
  4307.                                 toggle: true
  4308.                                 step: 1
  4309.                               - type: custom:slider-entity-row
  4310.                                 entity: light.bathroom2
  4311.                                 hide_state: true
  4312.                                 toggle: true
  4313.                                 step: 1
  4314.                               - type: custom:slider-entity-row
  4315.                                 entity: light.bathroom3
  4316.                                 hide_state: true
  4317.                                 toggle: true
  4318.                                 step: 1
  4319.                               - type: custom:slider-entity-row
  4320.                                 entity: light.bathroom4
  4321.                                 hide_state: true
  4322.                                 toggle: true
  4323.                                 step: 1
  4324.                               - type: custom:slider-entity-row
  4325.                                 entity: >-
  4326.                                   input_number.automation_auto_bathroom_lights_duration
  4327.                                 name: Auto Lights Duration
  4328.                                 hide_state: false
  4329.                                 toggle: false
  4330.                                 step: 1
  4331.                   - type: custom:big-slider-card
  4332.                     entity: light.bathroom_lights
  4333.                     name: "\_"
  4334.                     transition: 0.3
  4335.                     color: white
  4336.                     icon: none
  4337.                     tap_action:
  4338.                       action: none
  4339.                     hold_action:
  4340.                       action: none
  4341.               - type: vertical-stack
  4342.                 cards:
  4343.                   - type: custom:button-card
  4344.                     template: generic_custom_button
  4345.                     entity: light.all_lights
  4346.                     hold_action:
  4347.                       action: fire-dom-event
  4348.                       browser_mod:
  4349.                         service: browser_mod.popup
  4350.                         data:
  4351.                           card_mod:
  4352.                             style: |
  4354.                               ha-dialog {
  4355.                                 --mdc-dialog-min-width: 500px !important;
  4356.                                 --mdc-dialog-max-width: 500px !important;
  4357.                                 --popup-border-width: 1px;
  4358.                                 --popup-border-radius: 12px;
  4359.                                 --popup-padding-x: 0px;
  4360.                                 --popup-padding-y: 0px;
  4361.                                 --dialog-backdrop-filter: blur(0.8em) brightness(1.2);
  4362.                                 --dialog-content-padding: 20px;
  4363.                                 }
  4364.                                 .content {
  4365.                                   width: auto !important;
  4366.                                 }
  4367.                           timeout: 10000
  4368.                           content:
  4369.                             type: entities
  4370.                             state_color: true
  4371.                             show_header_toggle: false
  4372.                             entities:
  4373.                               - type: custom:slider-entity-row
  4374.                                 entity: light.living_room1
  4375.                                 hide_state: true
  4376.                                 toggle: true
  4377.                                 step: 1
  4378.                               - type: custom:slider-entity-row
  4379.                                 entity: light.living_room2
  4380.                                 hide_state: true
  4381.                                 toggle: true
  4382.                                 step: 1
  4383.                               - type: custom:slider-entity-row
  4384.                                 entity: light.kitchen
  4385.                                 hide_state: true
  4386.                                 toggle: true
  4387.                                 step: 1
  4388.                               - type: custom:slider-entity-row
  4389.                                 entity: light.stove
  4390.                                 hide_state: true
  4391.                                 toggle: true
  4392.                                 step: 1
  4393.                               - type: custom:slider-entity-row
  4394.                                 entity: light.hallway
  4395.                                 hide_state: true
  4396.                                 toggle: true
  4397.                               - entity: light.bathroom1
  4398.                               - entity: light.bathroom2
  4399.                               - entity: light.bathroom3
  4400.                               - entity: light.bathroom4
  4401.                   - type: custom:big-slider-card
  4402.                     entity: light.all_lights_on
  4403.                     name: "\_"
  4404.                     transition: 0.3
  4405.                     color: white
  4406.                     icon: none
  4407.                     tap_action:
  4408.                       action: none
  4409.                     hold_action:
  4410.                       action: none
  4411.           - type: custom:mod-card
  4412.             card:
  4413.               type: vertical-stack
  4414.               cards:
  4415.                 - type: grid
  4416.                   layout:
  4417.                     grid-template-columns: 20% 20% 20% 20%
  4418.                   title: Motion Detectors
  4419.                   columns: 6
  4420.                   square: false
  4421.                   cards:
  4422.                     - type: custom:button-card
  4423.                       template: motion_detector_animated
  4424.                       entity: binary_sensor.living_room_motion_detector_on_off
  4425.                       name: Living Room
  4426.                       variables:
  4427.                         var_battery_entity: sensor.living_room_motion_detector_battery_level
  4428.                     - type: custom:button-card
  4429.                       template: motion_detector_animated
  4430.                       entity: binary_sensor.office_motion_detector
  4431.                       name: Office
  4432.                       variables:
  4433.                         var_battery_entity: sensor.office_motion_detector_battery_level
  4434.                     - type: custom:button-card
  4435.                       template: motion_detector_animated
  4436.                       entity: binary_sensor.bathroom_motion_detector_on_off
  4437.                       name: Bathroom
  4438.                       variables:
  4439.                         var_battery_entity: sensor.bathroom_motion_detector_battery_level
  4440.                     - type: custom:button-card
  4441.                       template: motion_detector_animated
  4442.                       entity: binary_sensor.kitchen_motion_detector_on_off
  4443.                       name: Kitchen 1
  4444.                       variables:
  4445.                         var_battery_entity: sensor.kitchen_motion_detector_battery_level
  4446.                     - type: custom:button-card
  4447.                       template: motion_detector_animated
  4448.                       entity: binary_sensor.kitchen_motion_detector_2_on_off
  4449.                       name: Kitchen 2
  4450.                       variables:
  4451.                         var_battery_entity: sensor.kitchen_motion_detector_2_battery_level
  4452.                     - type: custom:button-card
  4453.                       template: motion_detector_animated
  4454.                       entity: binary_sensor.bedroom_motion_detector_on_off
  4455.                       name: Bedroom
  4456.                       variables:
  4457.                         var_battery_entity: sensor.bedroom_motion_detector_battery_level
  4458.                 - type: horizontal-stack
  4459.                   cards:
  4460.                     - type: vertical-stack
  4461.                       cards:
  4462.                         - type: custom:gap-card
  4463.                           height: 325
  4464.                         - type: custom:frigate-card
  4465.                           cameras:
  4466.                             - camera_entity: camera.rtsp
  4467.                           view:
  4468.                             dark_mode: 'on'
  4469.                           menu:
  4470.                             buttons:
  4471.                               frigate:
  4472.                                 enabled: true
  4473.                               live:
  4474.                                 enabled: false
  4475.                               cameras:
  4476.                                 enabled: false
  4477.                               camera_ui:
  4478.                                 enabled: true
  4479.                               substreams:
  4480.                                 enabled: false
  4481.                             style: none
  4482.                           live:
  4483.                             preload: true
  4484.                             controls:
  4485.                               builtin: false
  4486.                           performance:
  4487.                             features:
  4488.                               animated_progress_indicator: false
  4489.                           dimensions:
  4490.                             min_height: '300'
  4491.                           card_mod:
  4492.                             style: |
  4493.                              :host {
  4494.                                 border: solid 2px var(--primary-text-color);
  4495.                                 background-color: rgba(0, 0, 0, 0)
  4496.                                 position: fixed;
  4497.                               }
  4498.                     - type: custom:mod-card
  4499.                       card_mod:
  4500.                         style: |
  4501.                          ha-card {
  4502.                             border: solid 1px var(--primary-text-color);
  4503.                             background-color: transparent
  4504.                           }
  4505.                       card:
  4506.                         type: vertical-stack
  4507.                         cards:
  4508.                           - type: picture
  4509.                             image: >-
  4510.                               https://s.w-x.co/staticmaps/wu/wu/wxtype1200_cur/usday/animate.png
  4511.                             hold_action:
  4512.                               action: none
  4513.                             double_tap_action:
  4514.                               action: none
  4515.                             tap_action:
  4516.                               action: fire-dom-event
  4517.                               browser_mod:
  4518.                                 service: browser_mod.popup
  4519.                                 data:
  4520.                                   style: >
  4522.                                     --popup-max-width: 80%;
  4523.  
  4524.                                     --popup-min-width: 60%;
  4525.  
  4526.                                     --popup-border-width: 1px;
  4527.  
  4528.                                     --popup-border-radius: 12px;
  4529.  
  4530.                                     --popup-padding-x: 0px;
  4531.  
  4532.                                     --popup-padding-y: 0px;
  4533.  
  4534.                                     --dialog-backdrop-filter: blur(0.8em)
  4535.                                     brightness(1.2);
  4536.                                   timeout: 10000
  4537.                                   card_mod:
  4538.                                     style:
  4539.                                       ha-dialog$: |
  4540.                                        div.mdc-dialog div.mdc-dialog__scrim {
  4541.                                           background: rgba(100, 100, 100, 0.7);
  4542.                                         }
  4543.                                   content:
  4544.                                     type: vertical-stack
  4545.                                     cards:
  4546.                                       - type: picture
  4547.                                         image: >-
  4548.                                           https://s.w-x.co/staticmaps/wu/wu/wxtype1200_cur/usday/animate.png
  4549.                                         tap_action:
  4550.                                           action: none
  4551.                                         hold_action:
  4552.                                           action: navigate
  4553.                                           navigation_path: /fire-main/weather
  4554.                                         card_mod:
  4555.                                           style: |
  4556.                                            ha-card {
  4557.                                               border: none;
  4558.                                               background-color: transparent;
  4559.                                             }
  4560.                                       - type: grid
  4561.                                         columns: 2
  4562.                                         cards:
  4563.                                           - type: picture
  4564.                                             image: local/CGL-Sandwich.gif
  4565.                                             tap_action:
  4566.                                               action: none
  4567.                                             hold_action:
  4568.                                               action: none
  4569.                                           - type: picture
  4570.                                             image: local/CGL-Geocolor.gif
  4571.                                             tap_action:
  4572.                                               action: none
  4573.                                             hold_action:
  4574.                                               action: none
  4575.                             card_mod:
  4576.                               style: |
  4577.                                ha-card {
  4578.                                   border: none;
  4579.                                   background-color: transparent
  4580.                                 }
  4581.                           - type: weather-forecast
  4582.                             entity: weather.home
  4583.                             card_mod:
  4584.                               style: |
  4585.                                ha-card {
  4586.                                   border: none;
  4587.                                   background-color: transparent
  4588.                                 }
  4589.                 - type: custom:layout-card
  4590.                   cards:
  4591.                     - type: custom:mushroom-chips-card
  4592.                       chips:
  4593.                         - type: action
  4594.                           tap_action:
  4595.                             action: navigate
  4596.                             navigation_path: home
  4597.                           icon: mdi:home-outline
  4598.                         - type: action
  4599.                           tap_action:
  4600.                             action: navigate
  4601.                             navigation_path: grafiekenslaapkamermattheo
  4602.                           icon: mdi:chart-bar
  4603.                         - type: action
  4604.                           tap_action:
  4605.                             action: navigate
  4606.                             navigation_path: home
  4607.                           icon: mdi:home-outline
  4608.                         - type: action
  4609.                           tap_action:
  4610.                             action: navigate
  4611.                             navigation_path: grafiekenslaapkamermattheo
  4612.                           icon: mdi:chart-bar
  4613.             card_mod:
  4614.               style: |
  4615.                ha-card {
  4616.                   border: none;
  4617.                   background: transparent;
  4618.                   position: fixed;
  4619.                   bottom: 0px;
  4620.                   left: 0px;
  4621.                   width: 100%;
  4622.                   display: flex;
  4623.                   justify-content: center;
  4624.                   {% if is_state('input_boolean.card_mod_z_index', 'off') %}
  4625.                     z-index: 0;
  4626.                   {% else %}
  4627.                     z-index: -1;
  4628.                   {% endif %}
  4629.                   }
  4630.                 }
  4631.  
Tags: ha
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!