API tools faq
paste
Advertisement
madkatz

Home Assistant Echo Show 10

madkatz
Mar 6th, 2025 (edited)
183
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
YAML 48.60 KB | None | 0 0
raw download clone embed print report
  1. views:
  2.   - title: Home
  3.     icon: mdi:tablet
  4.     type: sections
  5.     background:
  6.       image: /api/image/serve/30ed29249a6c9a4ec157645953a8cafc/original
  7.     sections:
  8.       - type: grid
  9.         cards:
  10.           - type: custom:digital-clock
  11.             dateFormat:
  12.               weekday: long
  13.               day: 2-digit
  14.               month: long
  15.             timeFormat:
  16.               hour: 2-digit
  17.               minute: 2-digit
  18.             card_mod:
  19.               style: |
  20.                ha-card {
  21.                   border: none !important;
  22.                   background: none !important;
  23.                 }
  24.                 span.first-line
  25.                 {
  26.                   font-size: 5em;
  27.                   margin-top:20px;
  28.                   margin-bottom:10px;
  29.                   font-family: Arial;
  30.                   font-weight: normal;
  31.                 }
  32.                 span.second-line
  33.                 {
  34.                   font-size: 2em;
  35.                   margin-bottom:0px;
  36.                 }
  37.             grid_options:
  38.               columns: 11
  39.               rows: auto
  40.           - type: custom:swipe-card
  41.             start_card: 1
  42.             reset_after: 1
  43.             cards:
  44.               - type: custom:button-card
  45.                 color_type: blank-card
  46.               - type: iframe
  47.                 url: https://dagammla.gitlab.io/keep-silk-open/iframe.html
  48.                 aspect_ratio: 50%
  49.             grid_options:
  50.               columns: 11
  51.               rows: 1
  52.           - type: custom:bubble-card
  53.             card_type: button
  54.             icon: mdi:home
  55.             sub_button:
  56.               - entity: person.aj_katz
  57.                 show_name: false
  58.                 show_icon: true
  59.                 icon: none
  60.                 show_background: true
  61.                 show_state: false
  62.                 show_attribute: false
  63.                 show_last_changed: false
  64.             name: Home
  65.             show_icon: true
  66.             show_attribute: true
  67.             attribute: temperature
  68.             force_icon: false
  69.             show_last_changed: true
  70.             card_layout: large
  71.             button_type: name
  72.             tap_action:
  73.               action: navigate
  74.               navigation_path: '0'
  75.             button_action:
  76.               tap_action:
  77.                 action: navigate
  78.                 navigation_path: '0'
  79.             styles: |-
  80.               .bubble-sub-button-1 {
  81.                 background-image: url("/local/512x512.jpg");
  82.                 background-size: cover;
  83.                 display: ${hass.states['person.*****'].state === 'home' ? '' : 'none'} !important;
  84.               }
  85.             grid_options:
  86.               columns: 11
  87.               rows: 1
  88.           - type: custom:bubble-card
  89.             card_type: button
  90.             icon: mdi:robot-vacuum
  91.             sub_button:
  92.               - entity: sensor.gizmo_status
  93.                 show_state: true
  94.                 show_attribute: true
  95.                 show_last_changed: false
  96.                 show_icon: true
  97.                 attribute: humidity
  98.                 show_background: false
  99.                 name: Status
  100.                 show_name: false
  101.               - entity: sensor.gizmo_state
  102.                 show_attribute: true
  103.                 attribute: wind_speed
  104.                 name: State
  105.                 show_name: false
  106.                 show_icon: true
  107.                 show_background: false
  108.                 show_state: true
  109.             name: Cleaning
  110.             show_icon: true
  111.             entity: weather.home
  112.             show_attribute: true
  113.             attribute: temperature
  114.             force_icon: false
  115.             show_last_changed: true
  116.             card_layout: large-2-rows
  117.             button_type: name
  118.             tap_action:
  119.               action: navigate
  120.               navigation_path: cleaning
  121.             button_action:
  122.               tap_action:
  123.                 action: navigate
  124.                 navigation_path: cleaning
  125.             scrolling_effect: false
  126.             show_name: true
  127.             grid_options:
  128.               columns: 11
  129.               rows: 1
  130.           - type: custom:bubble-card
  131.             card_type: button
  132.             icon: mdi:lightbulb
  133.             sub_button:
  134.               - entity: scene.living_room_movie
  135.                 icon: none
  136.                 tap_action:
  137.                   action: toggle
  138.               - entity: scene.living_room_read
  139.                 icon: none
  140.                 tap_action:
  141.                   action: toggle
  142.               - entity: scene.living_room_energize
  143.                 name: ''
  144.                 show_name: true
  145.                 show_state: false
  146.                 icon: none
  147.                 tap_action:
  148.                   action: toggle
  149.               - entity: scene.living_room_tokyo
  150.                 icon: none
  151.                 tap_action:
  152.                   action: toggle
  153.             styles: |-
  154.               .bubble-sub-button-1 {
  155.                 background-image: url("/local/MovieCircle.png");
  156.                 background-size: cover;
  157.               }
  158.               .bubble-sub-button-2 {
  159.                 background-image: url("/local/YellowCircle.png");
  160.                 background-size: cover;
  161.               }
  162.               .bubble-sub-button-3 {
  163.                 background-image: url("/local/WhiteCircle.png");
  164.                 background-size: cover;
  165.               }
  166.               .bubble-sub-button-4 {
  167.                 background-image: url("/local/ColorWheel.png");
  168.                 background-size: cover;
  169.               }
  170.             name: Lights
  171.             show_icon: true
  172.             entity: weather.home
  173.             show_attribute: true
  174.             attribute: temperature
  175.             force_icon: false
  176.             show_last_changed: true
  177.             card_layout: large
  178.             button_type: name
  179.             tap_action:
  180.               action: navigate
  181.               navigation_path: lights
  182.             button_action:
  183.               tap_action:
  184.                 action: navigate
  185.                 navigation_path: lights
  186.             scrolling_effect: false
  187.             show_name: false
  188.             grid_options:
  189.               columns: 11
  190.               rows: 1
  191.           - type: custom:bubble-card
  192.             card_type: button
  193.             icon: ''
  194.             sub_button:
  195.               - entity: climate.bedroom_ac_unit
  196.                 show_state: true
  197.                 show_attribute: false
  198.                 show_last_changed: false
  199.                 show_icon: true
  200.                 attribute: humidity
  201.                 show_background: false
  202.                 name: Mode
  203.                 show_name: false
  204.               - entity: sensor.bedroom_ac_unit_target_temperature
  205.                 show_attribute: false
  206.                 show_last_changed: false
  207.                 show_state: true
  208.                 show_background: false
  209.             name: Climate
  210.             show_icon: true
  211.             entity: weather.home
  212.             show_attribute: false
  213.             attribute: temperature
  214.             force_icon: false
  215.             show_last_changed: false
  216.             card_layout: large-2-rows
  217.             button_type: state
  218.             tap_action:
  219.               action: navigate
  220.               navigation_path: climate
  221.             button_action:
  222.               tap_action:
  223.                 action: navigate
  224.                 navigation_path: climate
  225.             layout_options:
  226.               grid_columns: 2
  227.               grid_rows: 1
  228.             show_name: false
  229.             show_state: false
  230.           - type: custom:bubble-card
  231.             card_type: button
  232.             icon: mdi:cctv
  233.             sub_button:
  234.               - entity: binary_sensor.camera_detection
  235.                 show_state: true
  236.                 show_attribute: false
  237.                 show_last_changed: false
  238.                 show_icon: true
  239.                 attribute: humidity
  240.                 show_background: false
  241.                 name: Motion
  242.                 show_name: false
  243.                 icon: mdi:motion-sensor
  244.             name: Security
  245.             show_icon: true
  246.             entity: weather.home
  247.             show_attribute: true
  248.             attribute: temperature
  249.             force_icon: false
  250.             show_last_changed: true
  251.             card_layout: large
  252.             button_type: name
  253.             tap_action:
  254.               action: navigate
  255.               navigation_path: security
  256.             button_action:
  257.               tap_action:
  258.                 action: navigate
  259.                 navigation_path: security
  260.             show_name: false
  261.             grid_options:
  262.               columns: 5
  263.               rows: 1
  264.           - type: custom:bubble-card
  265.             card_type: media-player
  266.             button_type: name
  267.             icon: mdi:television
  268.             tap_action:
  269.               action: navigate
  270.               perform-action: remote.send_command
  271.               navigation_path: media
  272.             sub_button:
  273.               - icon: phu:apple-tv
  274.                 tap_action:
  275.                   action: call-service
  276.                   service: remote.turn_on
  277.                   data:
  278.                     activity: https://tv.apple.com
  279.                   target:
  280.                     entity_id: remote.tcl_tv_remote
  281.                 show_background: false
  282.               - icon: phu:plex
  283.                 tap_action:
  284.                   action: call-service
  285.                   service: remote.turn_on
  286.                   data:
  287.                     activity: plex://
  288.                   target:
  289.                     entity_id: remote.tcl_tv_remote
  290.                 show_background: false
  291.               - icon: phu:prime-video
  292.                 tap_action:
  293.                   action: call-service
  294.                   service: remote.turn_on
  295.                   data:
  296.                     activity: https://app.primevideo.com
  297.                   target:
  298.                     entity_id: remote.tcl_tv_remote
  299.                 show_background: false
  300.               - icon: mdi:youtube-tv
  301.                 tap_action:
  302.                   action: call-service
  303.                   service: remote.turn_on
  304.                   data:
  305.                     activity: https://tv.youtube.com
  306.                   target:
  307.                     entity_id: remote.tcl_tv_remote
  308.                 show_background: false
  309.             card_layout: large
  310.             name: ''
  311.             entity: media_player.tcl_tv
  312.             show_name: false
  313.             show_icon: true
  314.             scrolling_effect: true
  315.             hide:
  316.               power_button: true
  317.               play_pause_button: false
  318.               next_button: true
  319.               previous_button: true
  320.             grid_options:
  321.               columns: 11
  322.               rows: 1
  323.           - show_current: true
  324.             show_forecast: true
  325.             type: weather-forecast
  326.             entity: weather.home
  327.             forecast_type: daily
  328.             secondary_info_attribute: wind_speed
  329.             grid_options:
  330.               columns: 11
  331.               rows: 4
  332.             name: Philadelphia
  333.             card_mod:
  334.               style: |
  335.                ha-card {
  336.                   border: none;
  337.                   background: none;
  338.                   padding-top: 35px !important;
  339.                 }
  340.           - type: custom:bubble-card
  341.             card_type: pop-up
  342.             hash: '#keepopen'
  343.           - type: custom:swipe-card
  344.             cards: []
  345.         column_span: 1
  346.       - type: grid
  347.         cards:
  348.           - type: picture-elements
  349.             image: /local/floorplan/horiz1280/base4.png
  350.             elements:
  351.               - type: conditional
  352.                 title: Day Base
  353.                 conditions:
  354.                   - condition: state
  355.                     entity: sun.sun
  356.                     state: above_horizon
  357.                 elements:
  358.                   - type: image
  359.                     image: /local/floorplan/horiz1280/baseday.png
  360.                     filter: none
  361.                     style:
  362.                       left: 50%
  363.                       top: 50%
  364.                       width: 100%
  365.               - type: conditional
  366.                 title: TCLTV
  367.                 conditions:
  368.                   - condition: state
  369.                     entity: remote.tcl_tv_remote
  370.                     state_not: 'off'
  371.                 elements:
  372.                   - type: image
  373.                     image: /local/floorplan/horiz1280/media_player.tcl_tv.png
  374.                     filter: none
  375.                     style:
  376.                       left: 50%
  377.                       top: 50%
  378.                       width: 100%
  379.                       mix-blend-mode: lighten
  380.               - type: conditional
  381.                 title: crownlighting
  382.                 conditions:
  383.                   - entity: light.crown_lighting
  384.                     state: 'on'
  385.                 elements:
  386.                   - type: image
  387.                     image: /local/floorplan/horiz1280/light.crown_lighting.png
  388.                     filter: none
  389.                     style:
  390.                       left: 50%
  391.                       top: 50%
  392.                       width: 100%
  393.                       mix-blend-mode: lighten
  394.               - type: conditional
  395.                 title: kitchenlight
  396.                 conditions:
  397.                   - entity: binary_sensor.kitchenlight
  398.                     state: 'on'
  399.                 elements:
  400.                   - type: image
  401.                     image: /local/floorplan/horiz1280/binary_sensor.kitchenlight.png
  402.                     filter: none
  403.                     style:
  404.                       left: 50%
  405.                       top: 50%
  406.                       width: 100%
  407.                       mix-blend-mode: lighten
  408.               - type: conditional
  409.                 title: bedlights
  410.                 conditions:
  411.                   - entity: light.bed_lights
  412.                     state: 'on'
  413.                 elements:
  414.                   - type: image
  415.                     image: /local/floorplan/horiz1280/light.bed_lights.png
  416.                     filter: none
  417.                     style:
  418.                       left: 50%
  419.                       top: 50%
  420.                       width: 100%
  421.                       mix-blend-mode: lighten
  422.               - type: conditional
  423.                 conditions:
  424.                   - entity: light.bedroom_hue_high
  425.                     state: 'on'
  426.                 elements:
  427.                   - type: image
  428.                     image: /local/floorplan/horiz1280/light.bedroom_hue_high.png
  429.                     filter: none
  430.                     style:
  431.                       left: 50%
  432.                       top: 50%
  433.                       width: 100%
  434.                       mix-blend-mode: lighten
  435.                 title: Bedroom Hue High
  436.               - type: conditional
  437.                 conditions:
  438.                   - entity: light.bedroom_hue_low
  439.                     state: 'on'
  440.                 elements:
  441.                   - type: image
  442.                     image: /local/floorplan/horiz1280/light.bedroom_hue_low.png
  443.                     filter: none
  444.                     style:
  445.                       left: 50%
  446.                       top: 50%
  447.                       width: 100%
  448.                       mix-blend-mode: lighten
  449.                 title: Bedroom Hue Low
  450.               - type: conditional
  451.                 title: bathroomlights
  452.                 conditions:
  453.                   - entity: binary_sensor.bathroomlight
  454.                     state: 'on'
  455.                 elements:
  456.                   - type: image
  457.                     image: /local/floorplan/horiz1280/binary_sensor.bathroomlight.png
  458.                     filter: none
  459.                     style:
  460.                       left: 50%
  461.                       top: 50%
  462.                       width: 100%
  463.                       mix-blend-mode: lighten
  464.               - type: image
  465.                 entity: sensor.nanoleaf_entry_color_mode
  466.                 title: Nanoleaf Entry White
  467.                 state_image:
  468.                   color_temp: /local/floorplan/horiz1280/light.nanoleaf_entry_light.png
  469.                   hs: /local/floorplan/horiz1280/transparent.png
  470.                 style:
  471.                   left: 50%
  472.                   top: 50%
  473.                   width: 100%
  474.                 card_mod:
  475.                   style: |
  476.                    :host {
  477.                       mix-blend-mode: lighten;
  478.                      }
  479.               - type: image
  480.                 entity: light.nanoleaf_entry_light
  481.                 title: Nanoleaf Entry Red
  482.                 state_image:
  483.                   'on': >-
  484.                     /local/floorplan/horiz1280/light.nanoleaf_entry_light_red.png
  485.                   'off': /local/floorplan/horiz1280/transparent.png
  486.                 style:
  487.                   left: 50%
  488.                   top: 50%
  489.                   width: 100%
  490.                 card_mod:
  491.                   style: |
  492.                    :host {
  493.                       filter: hue-rotate({{ state_attr('light.nanoleaf_entry_light', 'hs_color')[0] | default(0) }}deg);
  494.                       mix-blend-mode: lighten
  495.                     }
  496.               - type: image
  497.                 entity: sensor.nanoleaf_desk_color_mode
  498.                 title: Nanolead Desk White
  499.                 state_image:
  500.                   color_temp: /local/floorplan/horiz1280/light.nanoleaf_desk_light.png
  501.                   hs: /local/floorplan/horiz1280/transparent.png
  502.                 style:
  503.                   left: 50%
  504.                   top: 50%
  505.                   width: 100%
  506.                 card_mod:
  507.                   style: |
  508.                    :host {
  509.                       mix-blend-mode: lighten;
  510.                      }
  511.               - type: image
  512.                 entity: light.nanoleaf_desk_light
  513.                 title: Nanoleaf Desk Red
  514.                 state_image:
  515.                   'on': /local/floorplan/horiz1280/light.nanoleaf_desk_light_red.png
  516.                   'off': /local/floorplan/horiz1280/transparent.png
  517.                 style:
  518.                   left: 50%
  519.                   top: 50%
  520.                   width: 100%
  521.                 card_mod:
  522.                   style: |
  523.                    :host {
  524.                       filter: hue-rotate({{ state_attr('light.nanoleaf_desk_light', 'hs_color')[0] | default(0) }}deg);
  525.                       mix-blend-mode: lighten
  526.                     }
  527.               - type: image
  528.                 entity: sensor.couch_rr_color_mode
  529.                 title: Couch RR White
  530.                 state_image:
  531.                   color_temp: /local/floorplan/horiz1280/light.couch_right_r.png
  532.                   xy: /local/floorplan/horiz1280/transparent.png
  533.                 style:
  534.                   left: 50%
  535.                   top: 50%
  536.                   width: 100%
  537.                 card_mod:
  538.                   style: |
  539.                    :host {
  540.                       mix-blend-mode: lighten;
  541.                      }
  542.               - type: image
  543.                 entity: light.couch_right_r
  544.                 title: Couch RR Red
  545.                 state_image:
  546.                   'on': /local/floorplan/horiz1280/light.couch_right_r_red.png
  547.                   'off': /local/floorplan/horiz1280/transparent.png
  548.                 style:
  549.                   left: 50%
  550.                   top: 50%
  551.                   width: 100%
  552.                 card_mod:
  553.                   style: |
  554.                    :host {
  555.                       filter: hue-rotate({{ state_attr('light.couch_right_r', 'hs_color')[0] | default(0) }}deg);
  556.                       mix-blend-mode: lighten
  557.                     }
  558.               - type: image
  559.                 entity: sensor.couch_rl_color_mode
  560.                 title: Couch RL White
  561.                 state_image:
  562.                   color_temp: /local/floorplan/horiz1280/light.couch_right_l.png
  563.                   xy: /local/floorplan/horiz1280/transparent.png
  564.                 style:
  565.                   left: 50%
  566.                   top: 50%
  567.                   width: 100%
  568.                 card_mod:
  569.                   style: |
  570.                    :host {
  571.                       mix-blend-mode: lighten;
  572.                      }
  573.               - type: image
  574.                 entity: light.couch_right_l
  575.                 title: Couch RL Red
  576.                 state_image:
  577.                   'on': /local/floorplan/horiz1280/light.couch_right_l_red.png
  578.                   'off': /local/floorplan/horiz1280/transparent.png
  579.                 style:
  580.                   left: 50%
  581.                   top: 50%
  582.                   width: 100%
  583.                 card_mod:
  584.                   style: |
  585.                    :host {
  586.                       filter: hue-rotate({{ state_attr('light.couch_right_l', 'hs_color')[0] | default(0) }}deg);
  587.                       mix-blend-mode: lighten
  588.                     }
  589.               - type: image
  590.                 entity: sensor.couch_lr_color_mode
  591.                 title: Couch LR White
  592.                 state_image:
  593.                   color_temp: /local/floorplan/horiz1280/light.couch_left_r.png
  594.                   xy: /local/floorplan/horiz1280/transparent.png
  595.                 style:
  596.                   left: 50%
  597.                   top: 50%
  598.                   width: 100%
  599.                 card_mod:
  600.                   style: |
  601.                    :host {
  602.                       mix-blend-mode: lighten;
  603.                      }
  604.               - type: image
  605.                 entity: light.couch_left_r
  606.                 title: Couch LR Red
  607.                 state_image:
  608.                   'on': /local/floorplan/horiz1280/light.couch_left_r_red.png
  609.                   'off': /local/floorplan/horiz1280/transparent.png
  610.                 style:
  611.                   left: 50%
  612.                   top: 50%
  613.                   width: 100%
  614.                 card_mod:
  615.                   style: |
  616.                    :host {
  617.                       filter: hue-rotate({{ state_attr('light.couch_left_r', 'hs_color')[0] | default(0) }}deg);
  618.                       mix-blend-mode: lighten
  619.                     }
  620.               - type: image
  621.                 entity: sensor.couch_ll_color_mode
  622.                 title: Couch LL White
  623.                 state_image:
  624.                   color_temp: /local/floorplan/horiz1280/light.couch_left_l.png
  625.                   xy: /local/floorplan/horiz1280/transparent.png
  626.                 style:
  627.                   left: 50%
  628.                   top: 50%
  629.                   width: 100%
  630.                 card_mod:
  631.                   style: |
  632.                    :host {
  633.                       mix-blend-mode: lighten;
  634.                      }
  635.               - type: image
  636.                 entity: light.couch_left_l
  637.                 title: Couch LL Red
  638.                 state_image:
  639.                   'on': /local/floorplan/horiz1280/light.couch_left_l_red.png
  640.                   'off': /local/floorplan/horiz1280/transparent.png
  641.                 style:
  642.                   left: 50%
  643.                   top: 50%
  644.                   width: 100%
  645.                 card_mod:
  646.                   style: |
  647.                    :host {
  648.                       filter: hue-rotate({{ state_attr('light.couch_left_l', 'hs_color')[0] | default(0) }}deg);
  649.                       mix-blend-mode: lighten
  650.                     }
  651.               - type: image
  652.                 entity: sensor.window_l_color_mode
  653.                 title: Window Left White
  654.                 state_image:
  655.                   color_temp: /local/floorplan/horiz1280/light.window_left.png
  656.                   xy: /local/floorplan/horiz1280/transparent.png
  657.                 style:
  658.                   left: 50%
  659.                   top: 50%
  660.                   width: 100%
  661.                 card_mod:
  662.                   style: |
  663.                    :host {
  664.                       mix-blend-mode: lighten;
  665.                      }
  666.               - type: image
  667.                 entity: light.window_left
  668.                 title: Window Left Red
  669.                 state_image:
  670.                   'on': /local/floorplan/horiz1280/light.window_left_red.png
  671.                   'off': /local/floorplan/horiz1280/transparent.png
  672.                 style:
  673.                   left: 50%
  674.                   top: 50%
  675.                   width: 100%
  676.                 card_mod:
  677.                   style: |
  678.                    :host {
  679.                       filter: hue-rotate({{ state_attr('light.window_left', 'hs_color')[0] | default(0) }}deg);
  680.                       mix-blend-mode: lighten
  681.                     }
  682.               - type: image
  683.                 entity: sensor.window_r_color_mode
  684.                 title: Window Right White
  685.                 state_image:
  686.                   color_temp: /local/floorplan/horiz1280/light.window_right.png
  687.                   xy: /local/floorplan/horiz1280/transparent.png
  688.                 style:
  689.                   left: 50%
  690.                   top: 50%
  691.                   width: 100%
  692.                 card_mod:
  693.                   style: |
  694.                    :host {
  695.                       mix-blend-mode: lighten;
  696.                      }
  697.               - type: image
  698.                 entity: light.window_right
  699.                 title: Window Right Red
  700.                 state_image:
  701.                   'on': /local/floorplan/horiz1280/light.window_right_red.png
  702.                   'off': /local/floorplan/horiz1280/transparent.png
  703.                 style:
  704.                   left: 50%
  705.                   top: 50%
  706.                   width: 100%
  707.                 card_mod:
  708.                   style: |
  709.                    :host {
  710.                       filter: hue-rotate({{ state_attr('light.window_right', 'hs_color')[0] | default(0) }}deg);
  711.                       mix-blend-mode: lighten
  712.                     }
  713.               - type: image
  714.                 entity: sensor.play_right_color_mode
  715.                 title: Play Right White
  716.                 state_image:
  717.                   color_temp: /local/floorplan/horiz1280/light.play_right.png
  718.                   xy: /local/floorplan/horiz1280/transparent.png
  719.                 style:
  720.                   left: 50%
  721.                   top: 50%
  722.                   width: 100%
  723.                 card_mod:
  724.                   style: |
  725.                    :host {
  726.                       mix-blend-mode: lighten;
  727.                      }
  728.               - type: image
  729.                 entity: light.play_right
  730.                 title: Play Right Red
  731.                 tap_action:
  732.                   action: none
  733.                 state_image:
  734.                   'on': /local/floorplan/horiz1280/light.play_right_red.png
  735.                   'off': /local/floorplan/horiz1280/transparent.png
  736.                 style:
  737.                   left: 50%
  738.                   top: 50%
  739.                   width: 100%
  740.                 card_mod:
  741.                   style: |
  742.                    :host {
  743.                       filter: hue-rotate({{ state_attr('light.play_right', 'hs_color')[0] | default(0) }}deg);
  744.                       mix-blend-mode: lighten
  745.                     }
  746.               - type: image
  747.                 entity: light.play_left
  748.                 title: Play Left Red
  749.                 tap_action:
  750.                   action: none
  751.                 state_image:
  752.                   'on': /local/floorplan/horiz1280/light.play_left_red.png
  753.                   'off': /local/floorplan/horiz1280/transparent.png
  754.                 style:
  755.                   left: 50%
  756.                   top: 50%
  757.                   width: 100%
  758.                 card_mod:
  759.                   style: |
  760.                    :host {
  761.                       filter: hue-rotate({{ state_attr('light.play_left', 'hs_color')[0] | default(0) }}deg);
  762.                       mix-blend-mode: lighten
  763.                     }
  764.               - type: image
  765.                 entity: sensor.play_left_color_mode
  766.                 title: Play Left White
  767.                 tap_action:
  768.                   action: none
  769.                 state_image:
  770.                   color_temp: /local/floorplan/horiz1280/light.play_left.png
  771.                   xy: /local/floorplan/horiz1280/transparent.png
  772.                 style:
  773.                   left: 50%
  774.                   top: 50%
  775.                   width: 100%
  776.                 card_mod:
  777.                   style: |
  778.                    :host {
  779.                       mix-blend-mode: lighten;
  780.                      }
  781.               - type: image
  782.                 entity: light.white_series_smart_2_1_switch_light_1
  783.                 title: Hallway Light
  784.                 tap_action:
  785.                   action: none
  786.                 state_image:
  787.                   'on': /local/floorplan/horiz1280/hallway2.png
  788.                   'off': /local/floorplan/horiz1280/transparent.png
  789.                 style:
  790.                   left: 50%
  791.                   top: 50%
  792.                   width: 100%
  793.                 card_mod:
  794.                   style: |
  795.                    :host {
  796.                       mix-blend-mode: lighten;
  797.                      }
  798.               - type: state-label
  799.                 entity: sensor.livingroomtempsensor_temperature
  800.                 title: Living Room Temp
  801.                 style:
  802.                   top: 68%
  803.                   left: 11%
  804.                   transform: scale(0.9,0.9)
  805.                   border-radius: 8px
  806.                   background-color: rgba(13,99,242,0.4)
  807.                   font-size: 20px
  808.                 prefix: 🌡
  809.               - type: state-label
  810.                 entity: sensor.indoor_outdoor_meter_20f8
  811.                 title: Outside Temp
  812.                 style:
  813.                   top: 31%
  814.                   left: 0.5%
  815.                   transform: scale(0.9,0.9) rotatez(270deg)
  816.                   border-radius: 10%
  817.                   background-color: rgba(0,0,0,0)
  818.                   font-size: 20px
  819.                 prefix: 🌡
  820.               - type: state-icon
  821.                 icon: mdi:cctv
  822.                 title: Bedroom Camera
  823.                 entity: camera.wyze_bedroom_camera
  824.                 style:
  825.                   top: 44.5%
  826.                   left: 5%
  827.                   transform: rotateY(180deg) scale(1.8,1.8) rotateZ(60deg)
  828.                   border-radius: 50%
  829.                   background-color: rgba(255,255,255,0.4)
  830.               - type: state-icon
  831.                 icon: mdi:cctv
  832.                 title: Living Room Camera
  833.                 entity: camera.wyze_livingroom_camera
  834.                 style:
  835.                   top: 55.5%
  836.                   left: 5%
  837.                   transform: rotateY(180deg) scale(1.8,1.8) rotateZ(3deg)
  838.                   border-radius: 50%
  839.                   background-color: rgba(255,255,255,0.4)
  840.               - type: state-icon
  841.                 icon: mdi:cctv
  842.                 title: Entry Way Camera
  843.                 entity: camera.wyze_kitchen_camera
  844.                 style:
  845.                   top: 39%
  846.                   left: 74%
  847.                   transform: rotateY(180deg) scale(1.8,1.8) rotateZ(-45deg)
  848.                   border-radius: 50%
  849.                   background-color: rgba(255,255,255,0.4)
  850.               - type: state-icon
  851.                 icon: phu:aqara-pet-feeder
  852.                 title: Feed Rover!
  853.                 entity: input_button.manual_feed
  854.                 tap_action:
  855.                   action: none
  856.                 hold_action:
  857.                   action: toggle
  858.                 style:
  859.                   top: 58%
  860.                   left: 85%
  861.                   transform: scale(1.8,1.8)
  862.                   border-radius: 50%
  863.                   background-color: rgba(255,255,255,0.4)
  864.               - type: state-icon
  865.                 icon: phu:desktop-computer
  866.                 title: PC Power
  867.                 entity: switch.sonoff_10016ae28b
  868.                 tap_action:
  869.                   action: none
  870.                 hold_action:
  871.                   action: toggle
  872.                 style:
  873.                   top: 86%
  874.                   left: 62%
  875.                   transform: scale(1.8,1.8)
  876.                   border-radius: 50%
  877.                   background-color: rgba(255,255,255,0.4)
  878.               - type: state-icon
  879.                 entity: binary_sensor.aqara_water_sensor_moisture
  880.                 title: Water Heater Water Sensor
  881.                 style:
  882.                   top: 30%
  883.                   left: 70%
  884.                   transform: scale(1,1)
  885.                   border-radius: 50%
  886.                   background-color: rgba(255,255,255,0.4)
  887.               - type: state-icon
  888.                 entity: vacuum.rover_s_litters_robot_litter_box
  889.                 icon: phu:litter-robot
  890.                 title: Rover's Litter Box
  891.                 style:
  892.                   top: 30%
  893.                   left: 76%
  894.                   color: '#44739e'
  895.                   transform: scale(1,1)
  896.                   border-radius: 50%
  897.                   background-color: rgba(255,255,255,0.4)
  898.                 tap_action:
  899.                   action: call-service
  900.                   service: browser_mod.popup
  901.                   data:
  902.                     title: Rover's Litter Box
  903.                     content:
  904.                       type: entities
  905.                       entities:
  906.                         - entity: sensor.rover_s_litters_robot_litter_level
  907.                         - entity: sensor.rover_s_litters_robot_pet_weight
  908.                         - entity: sensor.rover_s_litters_robot_waste_drawer
  909.               - type: state-icon
  910.                 entity: binary_sensor.vacuumrobotwatersensor_moisture
  911.                 title: Robot Water Sensor
  912.                 style:
  913.                   top: 12%
  914.                   left: 44%
  915.                   transform: scale(1,1)
  916.                   border-radius: 50%
  917.                   background-color: rgba(255,255,255,0.4)
  918.               - type: state-icon
  919.                 style:
  920.                   left: 26%
  921.                   top: 67%
  922.                   transform: scale(1.8,1.8)
  923.                   border-radius: 50%
  924.                   background-color: rgba(255,255,255,0.4)
  925.                 entity: light.crown_lighting
  926.                 icon: phu:ceiling-round
  927.                 tap_action:
  928.                   action: toggle
  929.               - type: state-icon
  930.                 style:
  931.                   left: 46%
  932.                   top: 67%
  933.                   transform: scale(1.8,1.8)
  934.                   border-radius: 50%
  935.                   background-color: rgba(255,255,255,0.4)
  936.                 entity: light.living_room
  937.                 icon: mdi:lightbulb-group
  938.                 tap_action:
  939.                   action: toggle
  940.               - type: state-icon
  941.                 style:
  942.                   left: 34%
  943.                   top: 30%
  944.                   transform: scale(1.8,1.8)
  945.                   border-radius: 50%
  946.                   background-color: rgba(255,255,255,0.4)
  947.                 entity: light.bed_lights
  948.                 icon: mdi:lightbulb-group
  949.                 tap_action:
  950.                   action: toggle
  951.               - type: state-icon
  952.                 entity: binary_sensor.kitchenwatersensor_moisture
  953.                 title: Kitchen Water Sensor
  954.                 style:
  955.                   left: 72%
  956.                   top: 77%
  957.                   transform: scale(1,1)
  958.                   border-radius: 50%
  959.                   background-color: rgba(255,255,255,0.4)
  960.               - type: state-icon
  961.                 entity: binary_sensor.bathroomwatersensor_moisture
  962.                 title: Bathroom Water Sensor
  963.                 style:
  964.                   left: 64%
  965.                   top: 16%
  966.                   transform: scale(1,1)
  967.                   border-radius: 50%
  968.                   background-color: rgba(255,255,255,0.4)
  969.               - type: state-icon
  970.                 entity: plant.money_tree
  971.                 icon: mdi:flower-tulip
  972.                 title: Money Tree
  973.                 style:
  974.                   top: 82%
  975.                   left: 11%
  976.                   '--paper-item-icon-color': '#388547'
  977.                   transform: scale(1,1)
  978.                   border-radius: 50%
  979.                   background-color: rgba(255,255,255,0.4)
  980.                 tap_action:
  981.                   action: perform-action
  982.                   data:
  983.                     content:
  984.                       type: custom:flower-card
  985.                       entity: plant.money_tree
  986.                       battery_sensor: sensor.money_tree_battery
  987.                       show_bars:
  988.                        - moisture
  989.                         - conductivity
  990.                         - temperature
  991.                         - illuminance
  992.                       display_type: full
  993.                       card_mod:
  994.                         style: |
  995.                          .header > img {
  996.                             box-shadow: none !important;
  997.                             height: 98px !important;
  998.                           }
  999.                           .header > #name {
  1000.                             font-size: 1.6em;
  1001.                             font-weight: normal !important;
  1002.                           }
  1003.                   perform_action: browser_mod.popup
  1004.                   target: {}
  1005.               - type: state-icon
  1006.                 entity: plant.cast_iron_plant
  1007.                 icon: mdi:flower-tulip
  1008.                 title: Cast Iron Plant
  1009.                 tap_action:
  1010.                   action: perform-action
  1011.                   data:
  1012.                     content:
  1013.                       type: custom:flower-card
  1014.                       entity: plant.cast_iron_plant
  1015.                       battery_sensor: sensor.cast_iron_plant_battery
  1016.                       show_bars:
  1017.                        - moisture
  1018.                         - conductivity
  1019.                         - temperature
  1020.                         - illuminance
  1021.                       display_type: full
  1022.                       card_mod:
  1023.                         style: |
  1024.                          .header > img {
  1025.                             box-shadow: none !important;
  1026.                             height: 98px !important;
  1027.                           }
  1028.                           .header > #name {
  1029.                             font-size: 1.6em;
  1030.                             font-weight: normal !important;
  1031.                           }
  1032.                   perform_action: browser_mod.popup
  1033.                   target: {}
  1034.                 style:
  1035.                   top: 40.5%
  1036.                   left: 11%
  1037.                   '--paper-item-icon-color': '#388547'
  1038.                   transform: scale(1,1)
  1039.                   border-radius: 50%
  1040.                   background-color: rgba(255,255,255,0.4)
  1041.               - type: state-icon
  1042.                 entity: media_player.tcl_tv
  1043.                 icon: mdi:television-guide
  1044.                 title: Media
  1045.                 tap_action:
  1046.                   action: perform-action
  1047.                   data:
  1048.                     content:
  1049.                       type: vertical-stack
  1050.                       cards:
  1051.                         - type: media-control
  1052.                           entity: media_player.tcl_tv
  1053.                         - type: horizontal-stack
  1054.                           cards:
  1055.                             - show_name: false
  1056.                               show_icon: true
  1057.                               type: button
  1058.                               tap_action:
  1059.                                 action: call-service
  1060.                                 service: remote.send_command
  1061.                                 target:
  1062.                                   entity_id:
  1063.                                    - remote.tcl_tv_remote
  1064.                                 data:
  1065.                                   command: HOME
  1066.                               hold_action:
  1067.                                 action: none
  1068.                               icon: mdi:home-outline
  1069.                               show_state: false
  1070.                               icon_height: 70px
  1071.                             - show_name: false
  1072.                               show_icon: true
  1073.                               type: button
  1074.                               tap_action:
  1075.                                 action: call-service
  1076.                                 service: remote.turn_on
  1077.                                 data:
  1078.                                   activity: https://app.primevideo.com
  1079.                                 target:
  1080.                                   entity_id: remote.tcl_tv_remote
  1081.                               hold_action:
  1082.                                 action: none
  1083.                               icon: phu:prime-video
  1084.                               show_state: false
  1085.                             - show_name: false
  1086.                               show_icon: true
  1087.                               type: button
  1088.                               tap_action:
  1089.                                 action: call-service
  1090.                                 service: remote.turn_on
  1091.                                 data:
  1092.                                   activity: plex://
  1093.                                 target:
  1094.                                   entity_id: remote.tcl_tv_remote
  1095.                               hold_action:
  1096.                                 action: none
  1097.                               icon: phu:plex
  1098.                               show_state: false
  1099.                             - show_name: false
  1100.                               show_icon: true
  1101.                               type: button
  1102.                               tap_action:
  1103.                                 action: call-service
  1104.                                 service: remote.turn_on
  1105.                                 data:
  1106.                                   activity: vnd.youtube.launch://www.youtube.com
  1107.                                 target:
  1108.                                   entity_id: remote.tcl_tv_remote
  1109.                               hold_action:
  1110.                                 action: none
  1111.                               icon: mdi:youtube
  1112.                               show_state: false
  1113.                             - show_name: false
  1114.                               show_icon: true
  1115.                               type: button
  1116.                               tap_action:
  1117.                                 action: call-service
  1118.                                 service: remote.turn_on
  1119.                                 data:
  1120.                                   activity: https://tv.apple.com
  1121.                                 target:
  1122.                                   entity_id: remote.tcl_tv_remote
  1123.                               hold_action:
  1124.                                 action: none
  1125.                               icon: phu:apple-tv
  1126.                               show_state: false
  1127.                         - type: media-control
  1128.                           entity: media_player.samsung_q910c_soundbar
  1129.                   perform_action: browser_mod.popup
  1130.                   target: {}
  1131.                 style:
  1132.                   top: 55%
  1133.                   left: 32%
  1134.                   transform: scale(1,1)
  1135.                   border-radius: 50%
  1136.                   background-color: rgba(255,255,255,0.4)
  1137.                 state_color: true
  1138.               - type: state-icon
  1139.                 style:
  1140.                   left: 67%
  1141.                   top: 46.5%
  1142.                   transform: scale(1.8,1.8)
  1143.                   border-radius: 50%
  1144.                   background-color: rgba(255,255,255,0.4)
  1145.                 entity: light.white_series_smart_2_1_switch_light_1
  1146.                 icon: mdi:light-recessed
  1147.                 tap_action:
  1148.                   action: toggle
  1149.                 title: Hallway Lights
  1150.               - type: state-label
  1151.                 entity: sensor.indoor_outdoor_meter_a49a
  1152.                 style:
  1153.                   top: 68%
  1154.                   left: 75%
  1155.                   transform: scale(0.9,0.9)
  1156.                   border-radius: 8px
  1157.                   background-color: rgba(13,99,242,0.4)
  1158.                   font-size: 20px
  1159.                 prefix: 🌡
  1160.                 title: Kitchen Temperature
  1161.               - type: state-label
  1162.                 entity: sensor.bedroomtempsensor_temperature
  1163.                 title: Bedroom Temp
  1164.                 style:
  1165.                   top: 32%
  1166.                   left: 11%
  1167.                   transform: scale(0.9,0.9)
  1168.                   border-radius: 8px
  1169.                   background-color: rgba(13,99,242,0.4)
  1170.                   font-size: 20px
  1171.                 prefix: 🌡
  1172.               - type: conditional
  1173.                 title: HVAC Bedroom
  1174.                 conditions:
  1175.                   - condition: state
  1176.                     entity: select.bedroom_ac_unit_hvac
  1177.                     state_not: 'off'
  1178.                   - condition: state
  1179.                     entity: switch.bedroom_ac_unit_power
  1180.                     state: 'on'
  1181.                 elements:
  1182.                   - type: state-icon
  1183.                     style:
  1184.                       left: 12%
  1185.                       top: 27.5%
  1186.                       border-radius: 10%
  1187.                       background-color: rgba(255,255,255,0.4)
  1188.                       transform: scale(0.8,0.8)
  1189.                     entity: climate.bedroom_ac_unit
  1190.                     icon: mdi:sun-snowflake
  1191.                     state_color: true
  1192.               - type: state-label
  1193.                 entity: sensor.bedroomtempsensor_humidity
  1194.                 title: Bedroom Humidity
  1195.                 prefix: 💧
  1196.                 style:
  1197.                   top: 36%
  1198.                   left: 11%
  1199.                   transform: scale(0.8,0.8)
  1200.                   border-radius: 8px
  1201.                   background-color: rgba(13,99,242,0.4)
  1202.                   font-size: 20px
  1203.               - type: state-label
  1204.                 entity: sensor.livingroomtempsensor_humidity
  1205.                 title: Living Room Humidity
  1206.                 prefix: 💧
  1207.                 style:
  1208.                   top: 72%
  1209.                   left: 11%
  1210.                   transform: scale(0.8,0.8)
  1211.                   border-radius: 8px
  1212.                   background-color: rgba(13,99,242,0.4)
  1213.                   font-size: 20px
  1214.               - type: image
  1215.                 title: AQI Background
  1216.                 style:
  1217.                   left: '-73%'
  1218.                   top: '-51%'
  1219.                   transform: scale(0.1,0.1)
  1220.                 image: /local/floorplan/AQI/AQIBackground.png
  1221.               - type: image
  1222.                 entity: sensor.indoor_aqi_description
  1223.                 title: AQI Indoor
  1224.                 style:
  1225.                   left: '-73%'
  1226.                   top: '-51%'
  1227.                   transform: scale(0.1,0.1)
  1228.                 state_image:
  1229.                   good: /local/floorplan/AQI/IndoorGreen.png
  1230.                   moderate: /local/floorplan/AQI/IndoorYellow.png
  1231.                   unhealthy_sensitive: /local/floorplan/AQI/IndoorOrange.png
  1232.                   unhealthy: /local/floorplan/AQI/IndoorRed.png
  1233.                   very_unhealthy: /local/floorplan/AQI/IndoorPurple.png
  1234.                   hazardous: /local/floorplan/AQI/IndoorMaroon.png
  1235.               - type: image
  1236.                 style:
  1237.                   left: '-73%'
  1238.                   top: '-51%'
  1239.                   transform: scale(0.1,0.1)
  1240.                 entity: sensor.u_s_air_pollution_level
  1241.                 title: AQI Outdoor
  1242.                 state_image:
  1243.                   good: /local/floorplan/AQI/OutdoorGreen.png
  1244.                   moderate: /local/floorplan/AQI/OutdoorYellow.png
  1245.                   unhealthy_sensitive: /local/floorplan/AQI/OutdoorOrange.png
  1246.                   unhealthy: /local/floorplan/AQI/OutdoorRed.png
  1247.                   very_unhealthy: /local/floorplan/AQI/OutdoorPurple.png
  1248.                   hazardous: /local/floorplan/AQI/OutdoorMaroon.png
  1249.               - type: state-label
  1250.                 entity: sensor.indoor_aqi_max
  1251.                 style:
  1252.                   left: 19%
  1253.                   top: 11.7%
  1254.                   font-size: 17px
  1255.                 title: Indoor AQI Max Text
  1256.               - type: state-label
  1257.                 entity: sensor.u_s_air_quality_index
  1258.                 title: Outdoor AQI Max Text
  1259.                 style:
  1260.                   left: 19%
  1261.                   top: 15.7%
  1262.                   font-size: 17px
  1263.               - type: state-label
  1264.                 title: Outdoor AQI Max Particle
  1265.                 entity: sensor.u_s_main_pollutant
  1266.                 prefix: (
  1267.                 suffix: )
  1268.                 style:
  1269.                   left: 15%
  1270.                   top: 15.7%
  1271.                   font-size: 11px
  1272.               - type: state-label
  1273.                 title: Indoor AQI Max Particle
  1274.                 style:
  1275.                   left: 15%
  1276.                   top: 11.7%
  1277.                   font-size: 11px
  1278.                 prefix: (
  1279.                 suffix: )
  1280.                 entity: sensor.indoor_aqi_max_pollutant
  1281.             layout_options:
  1282.               grid_columns: 12
  1283.               grid_rows: auto
  1284.             card_mod:
  1285.               style: |
  1286.                ha-card {
  1287.                   border: none;
  1288.                   background: none;
  1289.                   padding-top: 25px !important;
  1290.                 }
  1291.         column_span: 2
  1292.     cards: []
  1293.     max_columns: 4
  1294.     dense_section_placement: false
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!