API tools faq
paste
Advertisement
Guest User

Home Assistant Kiosk

a guest
Sep 19th, 2021
6,913
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
YAML 56.84 KB | None | 0 0
raw download clone embed print report
  1. title: Kiosk
  2. kiosk_mode:
  3.   kiosk: true
  4.   admin_settings:
  5.     hide_header: false
  6. views:
  7.   - title: Home
  8.     path: kiosk
  9.     background: center / cover no-repeat url("/local/bg.png") fixed
  10.     layout:
  11.       max_cols: 3
  12.       max_width: 330
  13.       width: 220
  14.     type: custom:vertical-layout
  15.     icon: ''
  16.     theme: ios-dark-mode-blue-red
  17.     badges: []
  18.     cards:
  19.       - type: grid
  20.         title: Roborock
  21.         cards:
  22.           - type: custom:button-card
  23.             entity: vacuum.roborock_s5_max
  24.             aspect_ratio: 1
  25.             name: Roborock
  26.             color_type: card
  27.             show_state: true
  28.             show_entity_picture: true
  29.             styles:
  30.               card:
  31.                 - width: 100px
  32.                 - height: 100px
  33.               grid:
  34.                 - grid-template-areas: '"i" "n" "s"'
  35.                 - grid-template-columns: 1fr
  36.                 - grid-template-rows: 1fr min-content min-content
  37.               name:
  38.                 - justify-self: start
  39.                 - padding-left: 7px
  40.                 - font-weight: bold
  41.                 - font-family: Sans-serif
  42.                 - font-size: 13px
  43.               img_cell:
  44.                 - justify-content: start
  45.                 - padding-left: 20px
  46.                 - padding-top: 13px
  47.                 - align-items: start
  48.                 - margin: none
  49.               state:
  50.                 - justify-self: start
  51.                 - font-color: red
  52.                 - font-size: 15px
  53.                 - padding-left: 7px
  54.                 - padding-bottom: 10px
  55.                 - text-transform: capitalize
  56.                 - font-family: Sans-serif
  57.                 - font-size: 13px
  58.               icon:
  59.                 - width: 30%
  60.               custom_fields:
  61.                 Brightness:
  62.                   - position: absolute
  63.                   - left: 60%
  64.                   - top: 10%
  65.                   - width: 60%
  66.             state:
  67.               - value: returning
  68.                 entity_picture: \local\img\icons8-robot-vacuum-cleaner-64.png
  69.                 color: white
  70.               - value: docked
  71.                 entity_picture: \local\img\icons8-robot-vacuum-cleaner-64.png
  72.                 color: rgba(65,65,63,0.2)
  73.                 styles:
  74.                   card:
  75.                     - filter: opacity(50%)
  76.                   icon:
  77.                     - filter: grayscale(100%)
  78.               - value: cleaning
  79.                 entity_picture: \local\img\icons8-robot-vacuum-cleaner-64.png
  80.                 color: rgba(65,65,63,0.2)
  81.                 styles:
  82.                   card:
  83.                     - filter: opacity(75%)
  84.                   icon:
  85.                     - filter: grayscale(100%)
  86.               - value: unavailable
  87.                 entity_picture: \local\img\icons8-robot-vacuum-cleaner-64.png
  88.                 color: rgba(65,65,63,0.2)
  89.                 styles:
  90.                   card:
  91.                     - filter: opacity(50%)
  92.                   icon:
  93.                     - filter: grayscale(100%)
  94.           - type: custom:button-card
  95.             entity: sensor.reinigen_text
  96.             aspect_ratio: 1
  97.             name: Schlafzimmer
  98.             color_type: card
  99.             show_state: true
  100.             tap_action:
  101.               action: call-service
  102.               service: script.schlafzimmer_staubsaugen
  103.             custom_fields:
  104.               Brightness:
  105.                 card:
  106.                   type: custom:button-card
  107.                   state:
  108.                     - value: 'on'
  109.                       color: rgba(65,65,63,0.2)
  110.                     - value: 'off'
  111.                       color: rgba(65,65,63,0.2)
  112.                   entity: null
  113.                   show_name: false
  114.                   show_state: false
  115.                   show_entity_picture: false
  116.                   color_type: icon
  117.                   color: rgba(65,65,63,0.2)
  118.                   styles:
  119.                     card:
  120.                       - width: 40px
  121.                     icon:
  122.                       - width: 70%
  123.                   style: |
  124.                    ha-card {
  125.                       box-shadow: none;
  126.                       background: transparent
  127.                     }
  128.                   icon: mdi:map-marker
  129.             show_entity_picture: true
  130.             styles:
  131.               card:
  132.                 - width: 100px
  133.                 - height: 100px
  134.               grid:
  135.                 - grid-template-areas: '"i" "n" "s"'
  136.                 - grid-template-columns: 1fr
  137.                 - grid-template-rows: 1fr min-content min-content
  138.               name:
  139.                 - justify-self: start
  140.                 - padding-left: 7px
  141.                 - font-weight: bold
  142.                 - font-family: Sans-serif
  143.                 - font-size: 13px
  144.               img_cell:
  145.                 - justify-content: start
  146.                 - padding-left: 25px
  147.                 - padding-top: 13px
  148.                 - align-items: start
  149.                 - margin: none
  150.               state:
  151.                 - justify-self: start
  152.                 - font-color: red
  153.                 - font-size: 15px
  154.                 - padding-left: 7px
  155.                 - padding-bottom: 10px
  156.                 - text-transform: capitalize
  157.                 - font-family: Sans-serif
  158.                 - font-size: 13px
  159.               icon:
  160.                 - width: 30%
  161.               custom_fields:
  162.                 Brightness:
  163.                   - position: absolute
  164.                   - left: 60%
  165.                   - top: 10%
  166.                   - width: 60%
  167.             state:
  168.               - value: reinigen
  169.                 entity_picture: \local\img\icons8-bed-96.png
  170.                 color: white
  171.               - value: 'off'
  172.                 entity_picture: \local\img\icons8-bed-96.png
  173.                 color: rgba(65,65,63,0.2)
  174.                 styles:
  175.                   card:
  176.                     - filter: opacity(50%)
  177.                   icon:
  178.                     - filter: grayscale(100%)
  179.           - type: custom:button-card
  180.             entity: sensor.reinigen_text
  181.             aspect_ratio: 1
  182.             name: Wohnzimmer
  183.             color_type: card
  184.             show_state: true
  185.             tap_action:
  186.               action: call-service
  187.               service: script.wohnzimmer_staubsaugen
  188.             custom_fields:
  189.               Brightness:
  190.                 card:
  191.                   type: custom:button-card
  192.                   state:
  193.                     - value: 'on'
  194.                       color: rgba(65,65,63,0.2)
  195.                     - value: 'off'
  196.                       color: rgba(65,65,63,0.2)
  197.                   entity: null
  198.                   show_name: false
  199.                   show_state: false
  200.                   show_entity_picture: false
  201.                   color_type: icon
  202.                   color: rgba(65,65,63,0.2)
  203.                   styles:
  204.                     card:
  205.                       - width: 40px
  206.                     icon:
  207.                       - width: 70%
  208.                   style: |
  209.                    ha-card {
  210.                       box-shadow: none;
  211.                       background: transparent
  212.                     }
  213.                   icon: mdi:map-marker
  214.             show_entity_picture: true
  215.             styles:
  216.               card:
  217.                 - width: 100px
  218.                 - height: 100px
  219.               grid:
  220.                 - grid-template-areas: '"i" "n" "s"'
  221.                 - grid-template-columns: 1fr
  222.                 - grid-template-rows: 1fr min-content min-content
  223.               name:
  224.                 - justify-self: start
  225.                 - padding-left: 7px
  226.                 - font-weight: bold
  227.                 - font-family: Sans-serif
  228.                 - font-size: 13px
  229.               img_cell:
  230.                 - justify-content: start
  231.                 - padding-left: 25px
  232.                 - padding-top: 13px
  233.                 - align-items: start
  234.                 - margin: none
  235.               state:
  236.                 - justify-self: start
  237.                 - font-color: red
  238.                 - font-size: 15px
  239.                 - padding-left: 7px
  240.                 - padding-bottom: 10px
  241.                 - text-transform: capitalize
  242.                 - font-family: Sans-serif
  243.                 - font-size: 13px
  244.               icon:
  245.                 - width: 30%
  246.               custom_fields:
  247.                 Brightness:
  248.                   - position: absolute
  249.                   - left: 60%
  250.                   - top: 10%
  251.                   - width: 60%
  252.             state:
  253.               - value: reinigen
  254.                 entity_picture: \local\img\icons8-armchair-96.png
  255.                 color: white
  256.               - value: unavailable
  257.                 entity_picture: \local\img\icons8-armchair-96.png
  258.                 color: rgba(65,65,63,0.2)
  259.                 styles:
  260.                   card:
  261.                     - filter: opacity(50%)
  262.                   icon:
  263.                     - filter: grayscale(100%)
  264.               - value: cleaning
  265.                 entity_picture: \local\img\icons8-armchair-96.png
  266.                 color: rgba(65,65,63,0.2)
  267.                 styles:
  268.                   card:
  269.                     - filter: opacity(50%)
  270.                   icon:
  271.                     - filter: grayscale(100%)
  272.             view_layout:
  273.               column: 2
  274.           - type: custom:button-card
  275.             entity: sensor.reinigen_text
  276.             aspect_ratio: 1
  277.             name: Badezimmer
  278.             color_type: card
  279.             show_state: true
  280.             tap_action:
  281.               action: call-service
  282.               service: script.badezimmer_staubsaugen
  283.             custom_fields:
  284.               Brightness:
  285.                 card:
  286.                   type: custom:button-card
  287.                   state:
  288.                     - value: 'on'
  289.                       color: rgba(65,65,63,0.2)
  290.                     - value: 'off'
  291.                       color: rgba(65,65,63,0.2)
  292.                   entity: null
  293.                   show_name: false
  294.                   show_state: false
  295.                   show_entity_picture: false
  296.                   color_type: icon
  297.                   color: rgba(65,65,63,0.2)
  298.                   styles:
  299.                     card:
  300.                       - width: 40px
  301.                     icon:
  302.                       - width: 70%
  303.                   style: |
  304.                    ha-card {
  305.                       box-shadow: none;
  306.                       background: transparent
  307.                     }
  308.                   icon: mdi:map-marker
  309.             show_entity_picture: true
  310.             styles:
  311.               card:
  312.                 - width: 100px
  313.                 - height: 100px
  314.               grid:
  315.                 - grid-template-areas: '"i" "n" "s"'
  316.                 - grid-template-columns: 1fr
  317.                 - grid-template-rows: 1fr min-content min-content
  318.               name:
  319.                 - justify-self: start
  320.                 - padding-left: 7px
  321.                 - font-weight: bold
  322.                 - font-family: Sans-serif
  323.                 - font-size: 13px
  324.               img_cell:
  325.                 - justify-content: start
  326.                 - padding-left: 25px
  327.                 - padding-top: 13px
  328.                 - align-items: start
  329.                 - margin: none
  330.               state:
  331.                 - justify-self: start
  332.                 - font-color: red
  333.                 - font-size: 15px
  334.                 - padding-left: 7px
  335.                 - padding-bottom: 10px
  336.                 - text-transform: capitalize
  337.                 - font-family: Sans-serif
  338.                 - font-size: 13px
  339.               icon:
  340.                 - width: 30%
  341.               custom_fields:
  342.                 Brightness:
  343.                   - position: absolute
  344.                   - left: 60%
  345.                   - top: 10%
  346.                   - width: 60%
  347.             state:
  348.               - value: reinigen
  349.                 entity_picture: \local\img\icons8-bath-96.png
  350.                 color: white
  351.               - value: unavailable
  352.                 entity_picture: \local\img\icons8-bath-96.png
  353.                 color: rgba(65,65,63,0.2)
  354.                 styles:
  355.                   card:
  356.                     - filter: opacity(50%)
  357.                   icon:
  358.                     - filter: grayscale(100%)
  359.               - value: cleaning
  360.                 entity_picture: \local\img\icons8-bath-96.png
  361.                 color: rgba(65,65,63,0.2)
  362.                 styles:
  363.                   card:
  364.                     - filter: opacity(50%)
  365.                   icon:
  366.                     - filter: grayscale(100%)
  367.             view_layout:
  368.               column: 2
  369.           - type: custom:button-card
  370.             entity: sensor.reinigen_text
  371.             aspect_ratio: 1
  372.             name: Flur
  373.             color_type: card
  374.             show_state: true
  375.             tap_action:
  376.               action: call-service
  377.               service: script.flur_staubsaugen
  378.             custom_fields:
  379.               Brightness:
  380.                 card:
  381.                   type: custom:button-card
  382.                   state:
  383.                     - value: 'on'
  384.                       color: rgba(65,65,63,0.2)
  385.                     - value: 'off'
  386.                       color: rgba(65,65,63,0.2)
  387.                   entity: null
  388.                   show_name: false
  389.                   show_state: false
  390.                   show_entity_picture: false
  391.                   color_type: icon
  392.                   color: rgba(65,65,63,0.2)
  393.                   styles:
  394.                     card:
  395.                       - width: 40px
  396.                     icon:
  397.                       - width: 70%
  398.                   style: |
  399.                    ha-card {
  400.                       box-shadow: none;
  401.                       background: transparent
  402.                     }
  403.                   icon: mdi:map-marker
  404.             show_entity_picture: true
  405.             styles:
  406.               card:
  407.                 - width: 100px
  408.                 - height: 100px
  409.               grid:
  410.                 - grid-template-areas: '"i" "n" "s"'
  411.                 - grid-template-columns: 1fr
  412.                 - grid-template-rows: 1fr min-content min-content
  413.               name:
  414.                 - justify-self: start
  415.                 - padding-left: 7px
  416.                 - font-weight: bold
  417.                 - font-family: Sans-serif
  418.                 - font-size: 13px
  419.               img_cell:
  420.                 - justify-content: start
  421.                 - padding-left: 25px
  422.                 - padding-top: 13px
  423.                 - align-items: start
  424.                 - margin: none
  425.               state:
  426.                 - justify-self: start
  427.                 - font-color: red
  428.                 - font-size: 15px
  429.                 - padding-left: 7px
  430.                 - padding-bottom: 10px
  431.                 - text-transform: capitalize
  432.                 - font-family: Sans-serif
  433.                 - font-size: 13px
  434.               icon:
  435.                 - width: 30%
  436.               custom_fields:
  437.                 Brightness:
  438.                   - position: absolute
  439.                   - left: 60%
  440.                   - top: 10%
  441.                   - width: 60%
  442.             state:
  443.               - value: reinigen
  444.                 entity_picture: \local\img\icons8-door-96.png
  445.                 color: white
  446.               - value: unavailable
  447.                 entity_picture: \local\img\icons8-door-96.png
  448.                 color: rgba(65,65,63,0.2)
  449.                 styles:
  450.                   card:
  451.                     - filter: opacity(50%)
  452.                   icon:
  453.                     - filter: grayscale(100%)
  454.               - value: cleaning
  455.                 entity_picture: \local\img\icons8-door-96.png
  456.                 color: rgba(65,65,63,0.2)
  457.                 styles:
  458.                   card:
  459.                     - filter: opacity(50%)
  460.                   icon:
  461.                     - filter: grayscale(100%)
  462.             view_layout:
  463.               column: 2
  464.           - type: custom:button-card
  465.             entity: sensor.reinigen_text
  466.             aspect_ratio: 1
  467.             name: Küche
  468.             color_type: card
  469.             show_state: true
  470.             tap_action:
  471.               action: call-service
  472.               service: script.kueche_staubsaugen
  473.             custom_fields:
  474.               Brightness:
  475.                 card:
  476.                   type: custom:button-card
  477.                   state:
  478.                     - value: 'on'
  479.                       color: rgba(65,65,63,0.2)
  480.                     - value: 'off'
  481.                       color: rgba(65,65,63,0.2)
  482.                   entity: null
  483.                   show_name: false
  484.                   show_state: false
  485.                   show_entity_picture: false
  486.                   color_type: icon
  487.                   color: rgba(65,65,63,0.2)
  488.                   styles:
  489.                     card:
  490.                       - width: 40px
  491.                     icon:
  492.                       - width: 70%
  493.                   style: |
  494.                    ha-card {
  495.                       box-shadow: none;
  496.                       background: transparent
  497.                     }
  498.                   icon: mdi:map-marker
  499.             show_entity_picture: true
  500.             styles:
  501.               card:
  502.                 - width: 100px
  503.                 - height: 100px
  504.               grid:
  505.                 - grid-template-areas: '"i" "n" "s"'
  506.                 - grid-template-columns: 1fr
  507.                 - grid-template-rows: 1fr min-content min-content
  508.               name:
  509.                 - justify-self: start
  510.                 - padding-left: 7px
  511.                 - font-weight: bold
  512.                 - font-family: Sans-serif
  513.                 - font-size: 13px
  514.               img_cell:
  515.                 - justify-content: start
  516.                 - padding-left: 25px
  517.                 - padding-top: 13px
  518.                 - align-items: start
  519.                 - margin: none
  520.               state:
  521.                 - justify-self: start
  522.                 - font-color: red
  523.                 - font-size: 15px
  524.                 - padding-left: 7px
  525.                 - padding-bottom: 10px
  526.                 - text-transform: capitalize
  527.                 - font-family: Sans-serif
  528.                 - font-size: 13px
  529.               icon:
  530.                 - width: 30%
  531.               custom_fields:
  532.                 Brightness:
  533.                   - position: absolute
  534.                   - left: 60%
  535.                   - top: 10%
  536.                   - width: 60%
  537.             state:
  538.               - value: reinigen
  539.                 entity_picture: \local\img\icons8-cutlery-96.png
  540.                 color: white
  541.               - value: unavailable
  542.                 entity_picture: \local\img\icons8-cutlery-96.png
  543.                 color: rgba(65,65,63,0.2)
  544.                 styles:
  545.                   card:
  546.                     - filter: opacity(50%)
  547.                   icon:
  548.                     - filter: grayscale(100%)
  549.               - value: cleaning
  550.                 entity_picture: \local\img\icons8-cutlery-96.png
  551.                 color: rgba(65,65,63,0.2)
  552.                 styles:
  553.                   card:
  554.                     - filter: opacity(50%)
  555.                   icon:
  556.                     - filter: grayscale(100%)
  557.             view_layout:
  558.               column: 2
  559.         square: true
  560.         columns: 3
  561.         view_layout:
  562.           column: 2
  563.       - type: grid
  564.         title: ⠀
  565.         cards:
  566.           - type: custom:simple-clock-card
  567.             use_military: true
  568.             hide_seconds: true
  569.             font_size: 6rem
  570.             padding_size: 40px
  571.             style: |
  572.              ha-card {
  573.                 height: 110px;
  574.                 box-shadow: none;
  575.                 background: transparent;
  576.               }
  577.               :host {
  578.                 --mini-media-player-accent-color: white;
  579.               }
  580.             square: false
  581.             columns: 1
  582.             view_layout:
  583.               column: 1
  584.           - type: custom:weather-card
  585.             entity: weather.rising_stones
  586.             styles: null
  587.             style: |
  588.              ha-card {
  589.                 height: 110px;
  590.                       box-shadow: none;
  591.                       background: transparent;
  592.  
  593.               }
  594.             number_of_forecasts: '5'
  595.             details: false
  596.             current: false
  597.             forecast: true
  598.             hourly_forecast: false
  599.           - type: conditional
  600.             conditions:
  601.               - entity: sensor.dwd_weather_warnings_current_warning_level
  602.                 state_not: '0'
  603.             card:
  604.               type: custom:meteoalarm-card
  605.               entity: sensor.dwd_weather_warnings_current_warning_level
  606.               override_headline: false
  607.               style: |
  608.                ha-card {
  609.                           background: transparent;
  610.                           box-shadow: none;
  611.                   }
  612.           - type: conditional
  613.             conditions:
  614.               - entity: sensor.dwd_weather_warnings_current_warning_level
  615.                 state: '0'
  616.             card:
  617.               type: custom:button-card
  618.               entity: binary_sensor.schlafzimmer_fenster_status
  619.               styles:
  620.                 card:
  621.                   - filter: opacity(0%)
  622.                   - height: 114px
  623.           - type: custom:mini-media-player
  624.             entity: media_player.spotify_superluks
  625.             style: |
  626.              ha-card {
  627.                 height: 110px;
  628.                       box-shadow: none;
  629.                       background: transparent;
  630.  
  631.               }
  632.             toggle_power: false
  633.             volume_stateless: false
  634.             group: true
  635.             artwork: none
  636.             source: icon
  637.             sound_mode: icon
  638.             info: scroll
  639.             replace_mute: stop
  640.             name: Spotify
  641.             hide:
  642.               volume: true
  643.               source: true
  644.               controls: true
  645.               power: true
  646.         square: false
  647.         columns: 1
  648.         view_layout:
  649.           column: 1
  650.       - type: grid
  651.         title: Mediaplayer
  652.         cards:
  653.           - type: custom:button-card
  654.             entity: media_player.wohnzimmer_lg_tv
  655.             aspect_ratio: 1
  656.             name: Wohnzimmer
  657.             tap_action:
  658.               action: more-info
  659.             color_type: card
  660.             show_state: true
  661.             custom_fields:
  662.               PlayPause:
  663.                 card:
  664.                   type: custom:button-card
  665.                   state:
  666.                     - value: 'on'
  667.                       color: rgba(65,65,63,0.2)
  668.                     - value: 'off'
  669.                       color: rgba(65,65,63,0.2)
  670.                   entity: media_player.wohnzimmer_lg_tv
  671.                   show_name: false
  672.                   show_state: false
  673.                   show_entity_picture: false
  674.                   color_type: icon
  675.                   color: rgba(65,65,63,0.2)
  676.                   tap_action:
  677.                     action: call-service
  678.                     service: script.pause_tv
  679.                     service_data: {}
  680.                     target: {}
  681.                   styles:
  682.                     card:
  683.                       - width: 40px
  684.                     icon:
  685.                       - width: 70%
  686.                   style: |
  687.                    ha-card {
  688.                       box-shadow: none;
  689.                       background: transparent
  690.                     }
  691.                   icon: mdi:play-pause
  692.             show_entity_picture: true
  693.             styles:
  694.               card:
  695.                 - width: 100px
  696.                 - height: 100px
  697.               grid:
  698.                 - grid-template-areas: '"i" "n" "s"'
  699.                 - grid-template-columns: 1fr
  700.                 - grid-template-rows: 1fr min-content min-content
  701.               name:
  702.                 - justify-self: start
  703.                 - padding-left: 7px
  704.                 - font-weight: bold
  705.                 - font-family: Sans-serif
  706.                 - font-size: 13px
  707.               img_cell:
  708.                 - justify-content: start
  709.                 - padding-left: 25px
  710.                 - padding-top: 13px
  711.                 - align-items: start
  712.                 - margin: none
  713.               state:
  714.                 - justify-self: start
  715.                 - font-color: red
  716.                 - font-size: 15px
  717.                 - padding-left: 7px
  718.                 - padding-bottom: 10px
  719.                 - text-transform: capitalize
  720.                 - font-family: Sans-serif
  721.                 - font-size: 13px
  722.               icon:
  723.                 - width: 30%
  724.               custom_fields:
  725.                 PlayPause:
  726.                   - position: absolute
  727.                   - left: 60%
  728.                   - top: 10%
  729.                   - width: 60%
  730.             state:
  731.               - value: 'on'
  732.                 entity_picture: \local\img\icons8-tv-96.png
  733.                 color: white
  734.               - value: 'off'
  735.                 entity_picture: \local\img\icons8-tv-96.png
  736.                 color: rgba(65,65,63,0.2)
  737.                 styles:
  738.                   card:
  739.                     - filter: opacity(50%)
  740.                   icon:
  741.                     - filter: grayscale(80%)
  742.           - type: custom:button-card
  743.             entity: media_player.sonos_system
  744.             aspect_ratio: 1
  745.             name: Wohnzimmer
  746.             color_type: card
  747.             show_state: true
  748.             show_entity_picture: true
  749.             styles:
  750.               card:
  751.                 - width: 100px
  752.                 - height: 100px
  753.               grid:
  754.                 - grid-template-areas: '"i" "n" "s"'
  755.                 - grid-template-columns: 1fr
  756.                 - grid-template-rows: 1fr min-content min-content
  757.               name:
  758.                 - justify-self: start
  759.                 - padding-left: 7px
  760.                 - font-weight: bold
  761.                 - font-family: Sans-serif
  762.                 - font-size: 13px
  763.               img_cell:
  764.                 - justify-content: start
  765.                 - padding-left: 25px
  766.                 - padding-top: 13px
  767.                 - align-items: start
  768.                 - margin: none
  769.               state:
  770.                 - justify-self: start
  771.                 - font-color: red
  772.                 - font-size: 15px
  773.                 - padding-left: 7px
  774.                 - padding-bottom: 10px
  775.                 - text-transform: capitalize
  776.                 - font-family: Sans-serif
  777.                 - font-size: 13px
  778.               icon:
  779.                 - width: 30%
  780.             state:
  781.               - value: playing
  782.                 entity_picture: \local\img\icons8-sonos-speaker-96.png
  783.                 color: white
  784.               - value: idle
  785.                 entity_picture: \local\img\icons8-sonos-speaker-96.png
  786.                 color: rgba(65,65,63,0.2)
  787.                 styles:
  788.                   card:
  789.                     - filter: opacity(50%)
  790.                   icon:
  791.                     - filter: grayscale(100%)
  792.               - value: paused
  793.                 entity_picture: \local\img\icons8-sonos-speaker-96.png
  794.                 color: rgba(65,65,63,0.2)
  795.                 styles:
  796.                   card:
  797.                     - filter: opacity(50%)
  798.                   icon:
  799.                     - filter: grayscale(100%)
  800.           - type: custom:button-card
  801.             entity: media_player.wohnzimmer_unten
  802.             aspect_ratio: 1
  803.             name: Wohnzimmer
  804.             color_type: card
  805.             show_state: true
  806.             show_entity_picture: true
  807.             styles:
  808.               card:
  809.                 - width: 100px
  810.                 - height: 100px
  811.               grid:
  812.                 - grid-template-areas: '"i" "n" "s"'
  813.                 - grid-template-columns: 1fr
  814.                 - grid-template-rows: 1fr min-content min-content
  815.               name:
  816.                 - justify-self: start
  817.                 - padding-left: 7px
  818.                 - font-weight: bold
  819.                 - font-family: Sans-serif
  820.                 - font-size: 13px
  821.               img_cell:
  822.                 - justify-content: start
  823.                 - padding-left: 25px
  824.                 - padding-top: 13px
  825.                 - align-items: start
  826.                 - margin: none
  827.               state:
  828.                 - justify-self: start
  829.                 - font-color: red
  830.                 - font-size: 15px
  831.                 - padding-left: 7px
  832.                 - padding-bottom: 10px
  833.                 - text-transform: capitalize
  834.                 - font-family: Sans-serif
  835.                 - font-size: 13px
  836.               icon:
  837.                 - width: 30%
  838.             state:
  839.               - value: playing
  840.                 entity_picture: \local\img\chrome-cast-96.png
  841.                 color: white
  842.               - value: 'off'
  843.                 entity_picture: \local\img\chrome-cast-96.png
  844.                 color: rgba(65,65,63,0.2)
  845.                 styles:
  846.                   card:
  847.                     - filter: opacity(50%)
  848.                   icon:
  849.                     - filter: grayscale(100%)
  850.               - value: idle
  851.                 entity_picture: \local\img\chrome-cast-96.png
  852.                 color: rgba(65,65,63,0.2)
  853.                 styles:
  854.                   card:
  855.                     - filter: opacity(50%)
  856.                   icon:
  857.                     - filter: grayscale(100%)
  858.           - type: custom:button-card
  859.             entity: media_player.sonos_one
  860.             aspect_ratio: 1
  861.             name: Badezimmer
  862.             color_type: card
  863.             show_state: true
  864.             show_entity_picture: true
  865.             styles:
  866.               card:
  867.                 - width: 100px
  868.                 - height: 100px
  869.               grid:
  870.                 - grid-template-areas: '"i" "n" "s"'
  871.                 - grid-template-columns: 1fr
  872.                 - grid-template-rows: 1fr min-content min-content
  873.               name:
  874.                 - justify-self: start
  875.                 - padding-left: 7px
  876.                 - font-weight: bold
  877.                 - font-family: Sans-serif
  878.                 - font-size: 13px
  879.               img_cell:
  880.                 - justify-content: start
  881.                 - padding-left: 25px
  882.                 - padding-top: 13px
  883.                 - align-items: start
  884.                 - margin: none
  885.               state:
  886.                 - justify-self: start
  887.                 - font-color: red
  888.                 - font-size: 15px
  889.                 - padding-left: 7px
  890.                 - padding-bottom: 10px
  891.                 - text-transform: capitalize
  892.                 - font-family: Sans-serif
  893.                 - font-size: 13px
  894.               icon:
  895.                 - width: 30%
  896.             state:
  897.               - value: playing
  898.                 entity_picture: \local\img\icons8-sonos-speaker-96.png
  899.                 color: white
  900.               - value: idle
  901.                 entity_picture: \local\img\icons8-sonos-speaker-96.png
  902.                 color: rgba(65,65,63,0.2)
  903.                 styles:
  904.                   card:
  905.                     - filter: opacity(50%)
  906.                   icon:
  907.                     - filter: grayscale(100%)
  908.               - value: paused
  909.                 entity_picture: \local\img\icons8-sonos-speaker-96.png
  910.                 color: rgba(65,65,63,0.2)
  911.                 styles:
  912.                   card:
  913.                     - filter: opacity(50%)
  914.                   icon:
  915.                     - filter: grayscale(100%)
  916.           - type: custom:button-card
  917.             entity: media_player.schlafzimmer_2
  918.             aspect_ratio: 1
  919.             name: Schlafzimmer
  920.             color_type: card
  921.             show_state: true
  922.             show_entity_picture: true
  923.             styles:
  924.               card:
  925.                 - width: 100px
  926.                 - height: 100px
  927.               grid:
  928.                 - grid-template-areas: '"i" "n" "s"'
  929.                 - grid-template-columns: 1fr
  930.                 - grid-template-rows: 1fr min-content min-content
  931.               name:
  932.                 - justify-self: start
  933.                 - padding-left: 7px
  934.                 - font-weight: bold
  935.                 - font-family: Sans-serif
  936.                 - font-size: 13px
  937.               img_cell:
  938.                 - justify-content: start
  939.                 - padding-left: 25px
  940.                 - padding-top: 13px
  941.                 - align-items: start
  942.                 - margin: none
  943.               state:
  944.                 - justify-self: start
  945.                 - font-color: red
  946.                 - font-size: 15px
  947.                 - padding-left: 7px
  948.                 - padding-bottom: 10px
  949.                 - text-transform: capitalize
  950.                 - font-family: Sans-serif
  951.                 - font-size: 13px
  952.               icon:
  953.                 - width: 30%
  954.             state:
  955.               - value: playing
  956.                 entity_picture: \local\img\home-mini-96-black.png
  957.                 color: white
  958.               - value: 'off'
  959.                 entity_picture: \local\img\home-mini-96-black.png
  960.                 color: rgba(65,65,63,0.2)
  961.                 styles:
  962.                   card:
  963.                     - filter: opacity(50%)
  964.                   icon:
  965.                     - filter: grayscale(100%)
  966.               - value: idle
  967.                 entity_picture: \local\img\home-mini-96-black.png
  968.                 color: rgba(65,65,63,0.2)
  969.                 styles:
  970.                   card:
  971.                     - filter: opacity(50%)
  972.                   icon:
  973.                     - filter: grayscale(100%)
  974.           - type: custom:button-card
  975.             entity: binary_sensor.schlafzimmer_fenster_status
  976.             styles:
  977.               card:
  978.                 - filter: opacity(0%)
  979.         square: true
  980.         columns: 3
  981.         view_layout:
  982.           column: 3
  983.       - type: grid
  984.         title: Türen und Fenster
  985.         cards:
  986.           - type: custom:button-card
  987.             entity: binary_sensor.schlafzimmer_fenster_status
  988.             aspect_ratio: 1
  989.             name: Schlafzimmer
  990.             color_type: card
  991.             show_state: true
  992.             show_entity_picture: true
  993.             styles:
  994.               card:
  995.                 - width: 100px
  996.                 - height: 100px
  997.               grid:
  998.                 - grid-template-areas: '"i" "n" "s"'
  999.                 - grid-template-columns: 1fr
  1000.                 - grid-template-rows: 1fr min-content min-content
  1001.               name:
  1002.                 - justify-self: start
  1003.                 - padding-left: 7px
  1004.                 - font-weight: bold
  1005.                 - font-family: Sans-serif
  1006.                 - font-size: 13px
  1007.               img_cell:
  1008.                 - justify-content: start
  1009.                 - padding-left: 25px
  1010.                 - padding-top: 13px
  1011.                 - align-items: start
  1012.                 - margin: none
  1013.               state:
  1014.                 - justify-self: start
  1015.                 - font-color: red
  1016.                 - font-size: 15px
  1017.                 - padding-left: 7px
  1018.                 - padding-bottom: 10px
  1019.                 - text-transform: capitalize
  1020.                 - font-family: Sans-serif
  1021.                 - font-size: 13px
  1022.               icon:
  1023.                 - width: 30%
  1024.             state:
  1025.               - value: 'on'
  1026.                 entity_picture: \local\img\icons8-open-window-96.png
  1027.                 color: white
  1028.               - value: 'off'
  1029.                 entity_picture: \local\img\icons8-closed-window-96.png
  1030.                 color: rgba(65,65,63,0.2)
  1031.                 styles:
  1032.                   card:
  1033.                     - filter: opacity(50%)
  1034.                   icon:
  1035.                     - filter: grayscale(100%)
  1036.           - type: custom:button-card
  1037.             entity: binary_sensor.badezimmer_fenster_status
  1038.             aspect_ratio: 1
  1039.             name: Badezimmer
  1040.             color_type: card
  1041.             show_state: true
  1042.             show_entity_picture: true
  1043.             styles:
  1044.               card:
  1045.                 - width: 100px
  1046.                 - height: 100px
  1047.               grid:
  1048.                 - grid-template-areas: '"i" "n" "s"'
  1049.                 - grid-template-columns: 1fr
  1050.                 - grid-template-rows: 1fr min-content min-content
  1051.               name:
  1052.                 - justify-self: start
  1053.                 - padding-left: 7px
  1054.                 - font-weight: bold
  1055.                 - font-family: Sans-serif
  1056.                 - font-size: 13px
  1057.               img_cell:
  1058.                 - justify-content: start
  1059.                 - padding-left: 25px
  1060.                 - padding-top: 13px
  1061.                 - align-items: start
  1062.                 - margin: none
  1063.               state:
  1064.                 - justify-self: start
  1065.                 - font-color: red
  1066.                 - font-size: 15px
  1067.                 - padding-left: 7px
  1068.                 - padding-bottom: 10px
  1069.                 - text-transform: capitalize
  1070.                 - font-family: Sans-serif
  1071.                 - font-size: 13px
  1072.               icon:
  1073.                 - width: 30%
  1074.             state:
  1075.               - value: 'on'
  1076.                 entity_picture: \local\img\icons8-open-window-96.png
  1077.                 color: white
  1078.               - value: 'off'
  1079.                 entity_picture: \local\img\icons8-closed-window-96.png
  1080.                 color: rgba(65,65,63,0.2)
  1081.                 styles:
  1082.                   card:
  1083.                     - filter: opacity(50%)
  1084.                   icon:
  1085.                     - filter: grayscale(100%)
  1086.           - type: custom:button-card
  1087.             entity: binary_sensor.badezimmer_tuersensor_status
  1088.             aspect_ratio: 1
  1089.             name: Badezimmer
  1090.             color_type: card
  1091.             show_state: true
  1092.             show_entity_picture: true
  1093.             styles:
  1094.               card:
  1095.                 - width: 100px
  1096.                 - height: 100px
  1097.               grid:
  1098.                 - grid-template-areas: '"i" "n" "s"'
  1099.                 - grid-template-columns: 1fr
  1100.                 - grid-template-rows: 1fr min-content min-content
  1101.               name:
  1102.                 - justify-self: start
  1103.                 - padding-left: 7px
  1104.                 - font-weight: bold
  1105.                 - font-family: Sans-serif
  1106.                 - font-size: 13px
  1107.               img_cell:
  1108.                 - justify-content: start
  1109.                 - padding-left: 25px
  1110.                 - padding-top: 13px
  1111.                 - align-items: start
  1112.                 - margin: none
  1113.               state:
  1114.                 - justify-self: start
  1115.                 - font-color: red
  1116.                 - font-size: 15px
  1117.                 - padding-left: 7px
  1118.                 - padding-bottom: 10px
  1119.                 - text-transform: capitalize
  1120.                 - font-family: Sans-serif
  1121.                 - font-size: 13px
  1122.               icon:
  1123.                 - width: 30%
  1124.             state:
  1125.               - value: 'on'
  1126.                 entity_picture: \local\img\icons8-open-door-96.png
  1127.                 color: white
  1128.               - value: 'off'
  1129.                 entity_picture: \local\img\icons8-door-96.png
  1130.                 color: rgba(65,65,63,0.2)
  1131.                 styles:
  1132.                   card:
  1133.                     - filter: opacity(50%)
  1134.                   icon:
  1135.                     - filter: grayscale(100%)
  1136.           - type: custom:button-card
  1137.             entity: binary_sensor.schlafzimmer_fenster_status
  1138.             styles:
  1139.               card:
  1140.                 - filter: opacity(0%)
  1141.         square: true
  1142.         columns: 3
  1143.         view_layout:
  1144.           column: 3
  1145.       - type: grid
  1146.         title: Licht
  1147.         cards:
  1148.           - type: custom:button-card
  1149.             entity: group.schlafzimmer_licht
  1150.             aspect_ratio: 1
  1151.             name: Schlafzimmer
  1152.             color_type: card
  1153.             show_state: true
  1154.             custom_fields:
  1155.               Brightness:
  1156.                 card:
  1157.                   type: custom:button-card
  1158.                   state:
  1159.                     - value: 'on'
  1160.                       color: rgba(65,65,63,0.2)
  1161.                     - value: 'off'
  1162.                       color: rgba(65,65,63,0.2)
  1163.                   entity: group.schlafzimmer_licht
  1164.                   show_name: false
  1165.                   show_state: false
  1166.                   show_entity_picture: false
  1167.                   color_type: icon
  1168.                   color: rgba(65,65,63,0.2)
  1169.                   tap_action:
  1170.                     action: more-info
  1171.                   styles:
  1172.                     card:
  1173.                       - width: 40px
  1174.                     icon:
  1175.                       - width: 70%
  1176.                   style: |
  1177.                    ha-card {
  1178.                       box-shadow: none;
  1179.                       background: transparent
  1180.                     }
  1181.                   icon: mdi:brightness-6
  1182.             show_entity_picture: true
  1183.             styles:
  1184.               card:
  1185.                 - width: 100px
  1186.                 - height: 100px
  1187.               grid:
  1188.                 - grid-template-areas: '"i" "n" "s"'
  1189.                 - grid-template-columns: 1fr
  1190.                 - grid-template-rows: 1fr min-content min-content
  1191.               name:
  1192.                 - justify-self: start
  1193.                 - padding-left: 7px
  1194.                 - font-weight: bold
  1195.                 - font-family: Sans-serif
  1196.                 - font-size: 13px
  1197.               img_cell:
  1198.                 - justify-content: start
  1199.                 - padding-left: 25px
  1200.                 - padding-top: 13px
  1201.                 - align-items: start
  1202.                 - margin: none
  1203.               state:
  1204.                 - justify-self: start
  1205.                 - font-color: red
  1206.                 - font-size: 15px
  1207.                 - padding-left: 7px
  1208.                 - padding-bottom: 10px
  1209.                 - text-transform: capitalize
  1210.                 - font-family: Sans-serif
  1211.                 - font-size: 13px
  1212.               icon:
  1213.                 - width: 30%
  1214.               custom_fields:
  1215.                 Brightness:
  1216.                   - position: absolute
  1217.                   - left: 60%
  1218.                   - top: 10%
  1219.                   - width: 60%
  1220.             state:
  1221.               - value: 'on'
  1222.                 entity_picture: \local\img\icons8-bed-96.png
  1223.                 color: white
  1224.               - value: 'off'
  1225.                 entity_picture: \local\img\icons8-bed-96.png
  1226.                 color: rgba(65,65,63,0.2)
  1227.                 styles:
  1228.                   card:
  1229.                     - filter: opacity(50%)
  1230.                   icon:
  1231.                     - filter: grayscale(100%)
  1232.           - type: custom:button-card
  1233.             entity: group.wohnzimmer_aktzent
  1234.             aspect_ratio: 1
  1235.             name: Wohnzimmer
  1236.             color_type: card
  1237.             show_state: true
  1238.             custom_fields:
  1239.               Brightness:
  1240.                 card:
  1241.                   type: custom:button-card
  1242.                   state:
  1243.                     - value: 'on'
  1244.                       color: rgba(65,65,63,0.2)
  1245.                     - value: 'off'
  1246.                       color: rgba(65,65,63,0.2)
  1247.                   entity: group.wohnzimmer_aktzent
  1248.                   show_name: false
  1249.                   show_state: false
  1250.                   show_entity_picture: false
  1251.                   color_type: icon
  1252.                   color: rgba(65,65,63,0.2)
  1253.                   tap_action:
  1254.                     action: more-info
  1255.                   styles:
  1256.                     card:
  1257.                       - width: 40px
  1258.                     icon:
  1259.                       - width: 70%
  1260.                   style: |
  1261.                    ha-card {
  1262.                       box-shadow: none;
  1263.                       background: transparent
  1264.                     }
  1265.                   icon: mdi:brightness-6
  1266.             show_entity_picture: true
  1267.             styles:
  1268.               card:
  1269.                 - width: 100px
  1270.                 - height: 100px
  1271.               grid:
  1272.                 - grid-template-areas: '"i" "n" "s"'
  1273.                 - grid-template-columns: 1fr
  1274.                 - grid-template-rows: 1fr min-content min-content
  1275.               name:
  1276.                 - justify-self: start
  1277.                 - padding-left: 7px
  1278.                 - font-weight: bold
  1279.                 - font-family: Sans-serif
  1280.                 - font-size: 13px
  1281.               img_cell:
  1282.                 - justify-content: start
  1283.                 - padding-left: 19px
  1284.                 - padding-top: 7px
  1285.                 - align-items: start
  1286.                 - margin: none
  1287.               state:
  1288.                 - justify-self: start
  1289.                 - font-color: red
  1290.                 - font-size: 15px
  1291.                 - padding-left: 7px
  1292.                 - padding-bottom: 10px
  1293.                 - text-transform: capitalize
  1294.                 - font-family: Sans-serif
  1295.                 - font-size: 13px
  1296.               icon:
  1297.                 - width: 30%
  1298.               custom_fields:
  1299.                 Brightness:
  1300.                   - position: absolute
  1301.                   - left: 60%
  1302.                   - top: 10%
  1303.                   - width: 60%
  1304.             state:
  1305.               - value: 'on'
  1306.                 entity_picture: \local\img\icons8-armchair-96.png
  1307.                 color: white
  1308.               - value: 'off'
  1309.                 entity_picture: \local\img\icons8-armchair-96.png
  1310.                 color: rgba(65,65,63,0.2)
  1311.                 styles:
  1312.                   card:
  1313.                     - filter: opacity(50%)
  1314.                   icon:
  1315.                     - filter: grayscale(100%)
  1316.           - type: custom:button-card
  1317.             entity: light.badezimmer_deckenlampe
  1318.             aspect_ratio: 1
  1319.             name: Badezimmer
  1320.             color_type: card
  1321.             show_state: true
  1322.             custom_fields:
  1323.               Brightness:
  1324.                 card:
  1325.                   type: custom:button-card
  1326.                   state:
  1327.                     - value: 'on'
  1328.                       color: rgba(65,65,63,0.2)
  1329.                     - value: 'off'
  1330.                       color: rgba(65,65,63,0.2)
  1331.                   entity: light.badezimmer_deckenlampe
  1332.                   show_name: false
  1333.                   show_state: false
  1334.                   show_entity_picture: false
  1335.                   color_type: icon
  1336.                   color: rgba(65,65,63,0.2)
  1337.                   tap_action:
  1338.                     action: more-info
  1339.                   styles:
  1340.                     card:
  1341.                       - width: 40px
  1342.                     icon:
  1343.                       - width: 70%
  1344.                   style: |
  1345.                    ha-card {
  1346.                       box-shadow: none;
  1347.                       background: transparent
  1348.                     }
  1349.                   icon: mdi:brightness-6
  1350.             show_entity_picture: true
  1351.             styles:
  1352.               card:
  1353.                 - width: 100px
  1354.                 - height: 100px
  1355.               grid:
  1356.                 - grid-template-areas: '"i" "n" "s"'
  1357.                 - grid-template-columns: 1fr
  1358.                 - grid-template-rows: 1fr min-content min-content
  1359.               name:
  1360.                 - justify-self: start
  1361.                 - padding-left: 7px
  1362.                 - font-weight: bold
  1363.                 - font-family: Sans-serif
  1364.                 - font-size: 13px
  1365.               img_cell:
  1366.                 - justify-content: start
  1367.                 - padding-left: 25px
  1368.                 - padding-top: 13px
  1369.                 - align-items: start
  1370.                 - margin: none
  1371.               state:
  1372.                 - justify-self: start
  1373.                 - font-color: red
  1374.                 - font-size: 15px
  1375.                 - padding-left: 7px
  1376.                 - padding-bottom: 10px
  1377.                 - text-transform: capitalize
  1378.                 - font-family: Sans-serif
  1379.                 - font-size: 13px
  1380.               icon:
  1381.                 - width: 30%
  1382.               custom_fields:
  1383.                 Brightness:
  1384.                   - position: absolute
  1385.                   - left: 60%
  1386.                   - top: 10%
  1387.                   - width: 60%
  1388.             state:
  1389.               - value: 'on'
  1390.                 entity_picture: \local\img\icons8-bath-96.png
  1391.                 color: white
  1392.               - value: 'off'
  1393.                 entity_picture: \local\img\icons8-bath-96.png
  1394.                 color: rgba(65,65,63,0.2)
  1395.                 styles:
  1396.                   card:
  1397.                     - filter: opacity(50%)
  1398.                   icon:
  1399.                     - filter: grayscale(100%)
  1400.           - type: custom:button-card
  1401.             entity: group.flur_licht
  1402.             aspect_ratio: 1
  1403.             name: Flur
  1404.             color_type: card
  1405.             show_state: true
  1406.             custom_fields:
  1407.               Brightness:
  1408.                 card:
  1409.                   type: custom:button-card
  1410.                   state:
  1411.                     - value: 'on'
  1412.                       color: rgba(65,65,63,0.2)
  1413.                     - value: 'off'
  1414.                       color: rgba(65,65,63,0.2)
  1415.                   entity: group.flur_licht
  1416.                   show_name: false
  1417.                   show_state: false
  1418.                   show_entity_picture: false
  1419.                   color_type: icon
  1420.                   color: rgba(65,65,63,0.2)
  1421.                   tap_action:
  1422.                     action: more-info
  1423.                   styles:
  1424.                     card:
  1425.                       - width: 40px
  1426.                     icon:
  1427.                       - width: 70%
  1428.                   style: |
  1429.                    ha-card {
  1430.                       box-shadow: none;
  1431.                       background: transparent
  1432.                     }
  1433.                   icon: mdi:brightness-6
  1434.             show_entity_picture: true
  1435.             styles:
  1436.               card:
  1437.                 - width: 100px
  1438.                 - height: 100px
  1439.               grid:
  1440.                 - grid-template-areas: '"i" "n" "s"'
  1441.                 - grid-template-columns: 1fr
  1442.                 - grid-template-rows: 1fr min-content min-content
  1443.               name:
  1444.                 - justify-self: start
  1445.                 - padding-left: 7px
  1446.                 - font-weight: bold
  1447.                 - font-family: Sans-serif
  1448.                 - font-size: 13px
  1449.               img_cell:
  1450.                 - justify-content: start
  1451.                 - padding-left: 25px
  1452.                 - padding-top: 13px
  1453.                 - align-items: start
  1454.                 - margin: none
  1455.               state:
  1456.                 - justify-self: start
  1457.                 - font-color: red
  1458.                 - font-size: 15px
  1459.                 - padding-left: 7px
  1460.                 - padding-bottom: 10px
  1461.                 - text-transform: capitalize
  1462.                 - font-family: Sans-serif
  1463.                 - font-size: 13px
  1464.               icon:
  1465.                 - width: 30%
  1466.               custom_fields:
  1467.                 Brightness:
  1468.                   - position: absolute
  1469.                   - left: 60%
  1470.                   - top: 10%
  1471.                   - width: 60%
  1472.             state:
  1473.               - value: 'on'
  1474.                 entity_picture: \local\img\icons8-door-96.png
  1475.                 color: white
  1476.               - value: 'off'
  1477.                 entity_picture: \local\img\icons8-door-96.png
  1478.                 color: rgba(65,65,63,0.2)
  1479.                 styles:
  1480.                   card:
  1481.                     - filter: opacity(50%)
  1482.                   icon:
  1483.                     - filter: grayscale(100%)
  1484.           - type: custom:button-card
  1485.             entity: group.abstellraum_licht
  1486.             aspect_ratio: 1
  1487.             name: Abstellraum
  1488.             color_type: card
  1489.             show_state: true
  1490.             custom_fields:
  1491.               Brightness:
  1492.                 card:
  1493.                   type: custom:button-card
  1494.                   state:
  1495.                     - value: 'on'
  1496.                       color: rgba(65,65,63,0.2)
  1497.                     - value: 'off'
  1498.                       color: rgba(65,65,63,0.2)
  1499.                   entity: group.abstellraum_licht
  1500.                   show_name: false
  1501.                   show_state: false
  1502.                   show_entity_picture: false
  1503.                   color_type: icon
  1504.                   color: rgba(65,65,63,0.2)
  1505.                   tap_action:
  1506.                     action: more-info
  1507.                   styles:
  1508.                     card:
  1509.                       - width: 40px
  1510.                     icon:
  1511.                       - width: 70%
  1512.                   style: |
  1513.                    ha-card {
  1514.                       box-shadow: none;
  1515.                       background: transparent
  1516.                     }
  1517.                   icon: mdi:brightness-6
  1518.             show_entity_picture: true
  1519.             styles:
  1520.               card:
  1521.                 - width: 100px
  1522.                 - height: 100px
  1523.               grid:
  1524.                 - grid-template-areas: '"i" "n" "s"'
  1525.                 - grid-template-columns: 1fr
  1526.                 - grid-template-rows: 1fr min-content min-content
  1527.               name:
  1528.                 - justify-self: start
  1529.                 - padding-left: 7px
  1530.                 - font-weight: bold
  1531.                 - font-family: Sans-serif
  1532.                 - font-size: 13px
  1533.               img_cell:
  1534.                 - justify-content: start
  1535.                 - padding-left: 25px
  1536.                 - padding-top: 13px
  1537.                 - align-items: start
  1538.                 - margin: none
  1539.               state:
  1540.                 - justify-self: start
  1541.                 - font-color: red
  1542.                 - font-size: 15px
  1543.                 - padding-left: 7px
  1544.                 - padding-bottom: 10px
  1545.                 - text-transform: capitalize
  1546.                 - font-family: Sans-serif
  1547.                 - font-size: 13px
  1548.               icon:
  1549.                 - width: 30%
  1550.               custom_fields:
  1551.                 Brightness:
  1552.                   - position: absolute
  1553.                   - left: 60%
  1554.                   - top: 10%
  1555.                   - width: 60%
  1556.             state:
  1557.               - value: 'on'
  1558.                 entity_picture: \local\img\icons8-sliding-door-closet-96.png
  1559.                 color: white
  1560.               - value: 'off'
  1561.                 entity_picture: \local\img\icons8-sliding-door-closet-96.png
  1562.                 color: rgba(65,65,63,0.2)
  1563.                 styles:
  1564.                   card:
  1565.                     - filter: opacity(50%)
  1566.                   icon:
  1567.                     - filter: grayscale(100%)
  1568.           - type: custom:button-card
  1569.             entity: group.abstellraum_licht
  1570.             aspect_ratio: 1
  1571.             name: Küche
  1572.             color_type: card
  1573.             show_state: true
  1574.             custom_fields:
  1575.               Brightness:
  1576.                 card:
  1577.                   type: custom:button-card
  1578.                   state:
  1579.                     - value: 'on'
  1580.                       color: rgba(65,65,63,0.2)
  1581.                     - value: 'off'
  1582.                       color: rgba(65,65,63,0.2)
  1583.                   entity: group.abstellraum_licht
  1584.                   show_name: false
  1585.                   show_state: false
  1586.                   show_entity_picture: false
  1587.                   color_type: icon
  1588.                   color: rgba(65,65,63,0.2)
  1589.                   tap_action:
  1590.                     action: more-info
  1591.                   styles:
  1592.                     card:
  1593.                       - width: 40px
  1594.                     icon:
  1595.                       - width: 70%
  1596.                   style: |
  1597.                    ha-card {
  1598.                       box-shadow: none;
  1599.                       background: transparent
  1600.                     }
  1601.                   icon: mdi:brightness-6
  1602.             show_entity_picture: true
  1603.             styles:
  1604.               card:
  1605.                 - width: 100px
  1606.                 - height: 100px
  1607.               grid:
  1608.                 - grid-template-areas: '"i" "n" "s"'
  1609.                 - grid-template-columns: 1fr
  1610.                 - grid-template-rows: 1fr min-content min-content
  1611.               name:
  1612.                 - justify-self: start
  1613.                 - padding-left: 7px
  1614.                 - font-weight: bold
  1615.                 - font-family: Sans-serif
  1616.                 - font-size: 13px
  1617.               img_cell:
  1618.                 - justify-content: start
  1619.                 - padding-left: 25px
  1620.                 - padding-top: 13px
  1621.                 - align-items: start
  1622.                 - margin: none
  1623.               state:
  1624.                 - justify-self: start
  1625.                 - font-color: red
  1626.                 - font-size: 15px
  1627.                 - padding-left: 7px
  1628.                 - padding-bottom: 10px
  1629.                 - text-transform: capitalize
  1630.                 - font-family: Sans-serif
  1631.                 - font-size: 13px
  1632.               icon:
  1633.                 - width: 30%
  1634.               custom_fields:
  1635.                 Brightness:
  1636.                   - position: absolute
  1637.                   - left: 60%
  1638.                   - top: 10%
  1639.                   - width: 60%
  1640.             state:
  1641.               - value: 'on'
  1642.                 entity_picture: \local\img\icons8-cutlery-96.png
  1643.                 color: white
  1644.               - value: 'off'
  1645.                 entity_picture: \local\img\icons8-cutlery-96.png
  1646.                 color: rgba(65,65,63,0.2)
  1647.                 styles:
  1648.                   card:
  1649.                     - filter: opacity(50%)
  1650.                   icon:
  1651.                     - filter: grayscale(100%)
  1652.         square: true
  1653.         columns: 3
  1654.         view_layout:
  1655.           column: 2
  1656.  
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!