├── desktop views ├── home.png ├── rooms.png ├── sytem_monitor.png └── vaccum_and_air_purifier.png ├── vacuum_card ├── vacuum_card.png ├── vacuum_sensors.yaml └── vacuum_card.yaml ├── button_swiper ├── button_swiper.png └── button_swiper.yaml ├── system monitor ├── network_card.png ├── system_card.png ├── network_card.yaml └── system_card.yaml ├── air purifier card ├── air_purifier_vard.png ├── air_purifier_sensors.yaml └── air_purifier_card.yaml ├── mixed_vertial_stack_buttons_entities ├── mixed_vertial_stack_buttons_entities.png └── mixed_vertial_stack_buttons_entities.yaml └── README.md /desktop views/home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealBadRobot/Bad-Robot-Lovelace/HEAD/desktop views/home.png -------------------------------------------------------------------------------- /desktop views/rooms.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealBadRobot/Bad-Robot-Lovelace/HEAD/desktop views/rooms.png -------------------------------------------------------------------------------- /vacuum_card/vacuum_card.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealBadRobot/Bad-Robot-Lovelace/HEAD/vacuum_card/vacuum_card.png -------------------------------------------------------------------------------- /button_swiper/button_swiper.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealBadRobot/Bad-Robot-Lovelace/HEAD/button_swiper/button_swiper.png -------------------------------------------------------------------------------- /desktop views/sytem_monitor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealBadRobot/Bad-Robot-Lovelace/HEAD/desktop views/sytem_monitor.png -------------------------------------------------------------------------------- /system monitor/network_card.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealBadRobot/Bad-Robot-Lovelace/HEAD/system monitor/network_card.png -------------------------------------------------------------------------------- /system monitor/system_card.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealBadRobot/Bad-Robot-Lovelace/HEAD/system monitor/system_card.png -------------------------------------------------------------------------------- /air purifier card/air_purifier_vard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealBadRobot/Bad-Robot-Lovelace/HEAD/air purifier card/air_purifier_vard.png -------------------------------------------------------------------------------- /desktop views/vaccum_and_air_purifier.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealBadRobot/Bad-Robot-Lovelace/HEAD/desktop views/vaccum_and_air_purifier.png -------------------------------------------------------------------------------- /mixed_vertial_stack_buttons_entities/mixed_vertial_stack_buttons_entities.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealBadRobot/Bad-Robot-Lovelace/HEAD/mixed_vertial_stack_buttons_entities/mixed_vertial_stack_buttons_entities.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Bad-Robot-Lovelace 2 | Some Lovelace setup 3 | 4 | I showed my Lovelace config to Home Assistant group on the well known social network and many people asked me to share it. I guess this is the best way of sharing. 5 | Please note I use the storage mode, therefore maybe you will need some modification in yaml mode. 6 | I like to play with the Lovelace config and I wanted to make my uniqe setup. 7 | I hope my config helps to make your unique config too! 8 | Many thanx for the people from the Home Assistant Community (https://community.home-assistant.io/) who give me more inspiration and ideas for this job!!! 9 | 10 | Link for a short video about the config: https://www.youtube.com/watch?v=wgXOA01bu4s . 11 | -------------------------------------------------------------------------------- /air purifier card/air_purifier_sensors.yaml: -------------------------------------------------------------------------------- 1 | - platform: template 2 | sensors: 3 | purifier_fan_mode: 4 | friendly_name: "ventilátor mód" 5 | value_template: "{{ states.fan.xiaomi_miio_device.attributes.speed }}" 6 | purifier_fan_speed: 7 | friendly_name: "ventilátor_sebesség" 8 | value_template: "{{ states.fan.xiaomi_miio_device.attributes.motor_speed }}" 9 | purifier_fan_speed2: 10 | friendly_name: "ventilátor2 sebesség" 11 | value_template: "{{ states.fan.xiaomi_miio_device.attributes.motor2_speed }}" 12 | purifier_temperature: 13 | friendly_name: "hőmérséklet" 14 | unit_of_measurement: 'C°' 15 | value_template: "{{ states.fan.xiaomi_miio_device.attributes.temperature }}" 16 | purifier_humidity: 17 | friendly_name: "páratartalom" 18 | unit_of_measurement: '%' 19 | value_template: "{{ states.fan.xiaomi_miio_device.attributes.humidity }}" 20 | purifier_aqi: 21 | friendly_name: "levegő minőség index" 22 | value_template: "{{ states.fan.xiaomi_miio_device.attributes.aqi }}" 23 | purifier_favspeed: 24 | friendly_name: "ventilátor kedvenc sebesség" 25 | value_template: "{{ states.fan.xiaomi_miio_device.attributes.favorite_level }}" 26 | purifier_filter_hours_used: 27 | friendly_name: "filterhasználat" 28 | unit_of_measurement: 'óra' 29 | value_template: "{{ states.fan.xiaomi_miio_device.attributes.filter_hours_used }}" 30 | purifier_filter_life_remaining: 31 | friendly_name: "filter" 32 | unit_of_measurement: '%' 33 | value_template: "{{ states.fan.xiaomi_miio_device.attributes.filter_life_remaining }}" 34 | -------------------------------------------------------------------------------- /system monitor/network_card.yaml: -------------------------------------------------------------------------------- 1 | card: 2 | color: white 3 | entities: 4 | - cards: 5 | - cards: 6 | - card: 7 | animate: true 8 | entities: 9 | - entity: sensor.miwifi_router_kbyte_sec_received 10 | name: fogadott 11 | show_state: true 12 | - entity: sensor.miwifi_router_kbyte_sec_sent 13 | name: küldött 14 | show_state: true 15 | font_size: 80 16 | graph: line 17 | hour24: true 18 | hours_to_show: 1 19 | name: MiWiFi R1D 20 | points_per_hour: 30 21 | show_icon: false 22 | type: 'custom:mini-graph-card' 23 | style: 24 | background-color: 'rgba(0,0,20,0.6)' 25 | background-repeat: no-repeat 26 | background-size: 100% 100% 27 | border: 'solid 1px rgba(57,128,228,0.4)' 28 | border-radius: 20px 29 | type: 'custom:card-modder' 30 | type: horizontal-stack 31 | type: 'custom:vertical-stack-in-card' 32 | - cards: 33 | - cards: 34 | - card_style: 35 | background: 'rgba(0,0,20,.5)' 36 | border: 'solid 1px rgba(57,128,228,0.4)' 37 | border-radius: 12px 38 | color: '#FFA50090' 39 | entities: 40 | - sensor.miwifi_router_kbyte_sec_received 41 | max: 1200 42 | title: letöltés 43 | title_position: left 44 | type: 'custom:bar-card' 45 | type: horizontal-stack 46 | type: 'custom:vertical-stack-in-card' 47 | - cards: 48 | - cards: 49 | - card_style: 50 | background: 'rgba(0,0,20,.5)' 51 | border: 'solid 1px rgba(57,128,228,0.4)' 52 | border-radius: 12px 53 | color: 'rgba(57,128,228,0.6)' 54 | entities: 55 | - sensor.miwifi_router_kbyte_sec_received 56 | max: 500 57 | title: feltöltés 58 | title_position: left 59 | type: 'custom:bar-card' 60 | type: horizontal-stack 61 | type: 'custom:vertical-stack-in-card' 62 | show_header_toggle: false 63 | title: Adatforgalom 64 | type: entities 65 | style: 66 | background-color: 'rgba(0,0,20,0.6)' 67 | background-image: url("/local/pictures/cardback.png") 68 | background-repeat: no-repeat 69 | background-size: 100% 100% 70 | border: 'solid 1px rgba(57,128,228,0.4)' 71 | border-radius: 20px 72 | type: 'custom:card-modder' 73 | -------------------------------------------------------------------------------- /vacuum_card/vacuum_sensors.yaml: -------------------------------------------------------------------------------- 1 | - platform: template 2 | sensors: 3 | vacuum_start_time: 4 | friendly_name: 'Takarítás indítási idő' 5 | value_template: '{{ "%0.02d:%0.02d" | format(states("input_number.vacuum_start_hour") | int, states("input_number.vacuum_start_minutes") | int) }}' 6 | vacuum_start_time_weekdays: 7 | friendly_name: 'Takarítás indítási idő (Hétköznap)' 8 | value_template: '{{ "%0.02d:%0.02d" | format(states("input_number.vacuum_start_hour_weekdays") | int, states("input_number.vacuum_start_minutes_weekdays") | int) }}' 9 | vacuum_start_time_weekend: 10 | friendly_name: 'Takarítás indítási idő (Hétvége)' 11 | value_template: '{{ "%0.02d:%0.02d" | format(states("input_number.vacuum_start_hour_weekend") | int, states("input_number.vacuum_start_minutes_weekend") | int) }}' 12 | vacuum_status: 13 | friendly_name: "Állapot" 14 | value_template: "{{ states.vacuum.xiaomi_vacuum_cleaner.attributes.status }}" 15 | icon_template: > 16 | {% set val = states.vacuum.xiaomi_vacuum_cleaner.attributes.status %} 17 | {% if val == 'Charging' %} 18 | mdi:battery-charging 19 | {% elif val == 'Cleaning' %} 20 | mdi:move-resize 21 | {% elif val == 'Returning home' %} 22 | mdi:keyboard-return 23 | {% elif val == 'Idle' %} 24 | mdi:dots-horizontal 25 | {% elif val == 'Paused' %} 26 | mdi:pause-circle 27 | {% else %} 28 | mdi:help-circle 29 | {% endif %} 30 | vacuum_timer: 31 | friendly_name: "Vacuum - Timer" 32 | value_template: "Időzítő:" 33 | vacuum_weekdays: 34 | friendly_name: "Vacuum - Weekdays" 35 | value_template: "Hétköznap:" 36 | vacuum_weekend: 37 | friendly_name: "Vacuum - Weekend" 38 | value_template: "Hétvége:" 39 | vacuum_battery: 40 | friendly_name: "Akku" 41 | value_template: "{{ states.vacuum.xiaomi_vacuum_cleaner.attributes.battery_level }}" 42 | device_class: battery 43 | unit_of_measurement: '%' 44 | vacuum_accessories: 45 | friendly_name: "Vacuum - Kellékek" 46 | value_template: "KELLÉKEK" 47 | vacuum_operation: 48 | friendly_name: "Vacuum - Üzemelés" 49 | value_template: "ÜZEMELÉS" 50 | vacuum_main_brush: 51 | friendly_name: "Fő kefe" 52 | value_template: "{{ states.vacuum.xiaomi_vacuum_cleaner.attributes.main_brush_left }} h" 53 | vacuum_side_brush: 54 | friendly_name: "Első kefe" 55 | value_template: "{{ states.vacuum.xiaomi_vacuum_cleaner.attributes.side_brush_left }} h" 56 | vacuum_filter: 57 | friendly_name: "Filter" 58 | value_template: "{{ states.vacuum.xiaomi_vacuum_cleaner.attributes.filter_left }} h" 59 | vacuum_sensor: 60 | friendly_name: "Szenzorok" 61 | value_template: "{{ states.vacuum.xiaomi_vacuum_cleaner.attributes.sensor_dirty_left }} h" 62 | vacuum_fan_speed: 63 | friendly_name: Mód 64 | entity_id: 65 | - vacuum.xiaomi_vacuum_cleaner 66 | value_template: "{{ states.vacuum.xiaomi_vacuum_cleaner.attributes.fan_speed }}" 67 | icon_template: mdi:speedometer 68 | vacuum_cleaning_time: 69 | friendly_name: Utolsó takarítás ideje 70 | entity_id: 71 | - vacuum.xiaomi_vacuum_cleaner 72 | value_template: '{{ states.vacuum.xiaomi_vacuum_cleaner.attributes.cleaning_time }}' 73 | icon_template: mdi:timer 74 | vacuum_cleaned_area: 75 | friendly_name: Utoljára takarított terület 76 | unit_of_measurement: 'm ²' 77 | entity_id: 78 | - vacuum.xiaomi_vacuum_cleaner 79 | value_template: '{{ states.vacuum.xiaomi_vacuum_cleaner.attributes.cleaned_area }}' 80 | icon_template: mdi:ruler -------------------------------------------------------------------------------- /system monitor/system_card.yaml: -------------------------------------------------------------------------------- 1 | card: 2 | color: white 3 | entities: 4 | - cards: 5 | - cards: 6 | - card: 7 | animate: true 8 | entities: 9 | - sensor.cpu_temp 10 | graph: line 11 | hour24: true 12 | name: CPU hőmérséklet 13 | show: 14 | extrema: true 15 | icon: false 16 | name: false 17 | type: 'custom:mini-graph-card' 18 | style: 19 | background-color: 'rgba(0,0,20,0.3)' 20 | background-size: 100% 100% 21 | border: 'solid 1px rgba(57,128,228,0.4)' 22 | border-radius: 20px 23 | transform: scale(0.95) 24 | type: 'custom:card-modder' 25 | - card: 26 | animate: true 27 | entities: 28 | - sensor.processor_use 29 | graph: line 30 | hour24: true 31 | hours_to_show: 24 32 | line_color: 'rgba(57,128,228)' 33 | show: 34 | extrema: true 35 | icon: false 36 | name: false 37 | type: 'custom:mini-graph-card' 38 | style: 39 | background-color: 'rgba(0,0,20,0.3)' 40 | background-repeat: no-repeat 41 | background-size: 100% 100% 42 | border: 'solid 1px rgba(57,128,228,0.4)' 43 | border-radius: 20px 44 | transform: scale(0.95) 45 | type: 'custom:card-modder' 46 | type: horizontal-stack 47 | type: 'custom:vertical-stack-in-card' 48 | - cards: 49 | - cards: 50 | - card_style: 51 | background: 'rgba(0,0,20,.5)' 52 | border: 'solid 1px rgba(57,128,228,0.4)' 53 | border-radius: 12px 54 | transform: scale(0.95) 55 | color: '#FFA50090' 56 | entities: 57 | - sensor.cpu_temp 58 | max: 80 59 | title: CPU hőmérséklet 60 | title_position: inside 61 | title_style: 62 | font-size: 12px 63 | type: 'custom:bar-card' 64 | - card_style: 65 | background: 'rgba(0,0,20,.5)' 66 | border: 'solid 1px rgba(57,128,228,0.4)' 67 | border-radius: 12px 68 | transform: scale(0.95) 69 | color: 'rgba(57,128,228,0.6)' 70 | entities: 71 | - sensor.processor_use 72 | max: 100 73 | title: CPU használat 74 | title_position: inside 75 | title_style: 76 | font-size: 12px 77 | type: 'custom:bar-card' 78 | type: horizontal-stack 79 | type: 'custom:vertical-stack-in-card' 80 | - cards: 81 | - cards: 82 | - card_style: 83 | background: 'rgba(0,0,20,.5)' 84 | border: 'solid 1px rgba(57,128,228,0.4)' 85 | border-radius: 12px 86 | color: '#FFA50090' 87 | entities: 88 | - sensor.memory_use 89 | max: 8000 90 | title: használt memória 91 | title_position: left 92 | type: 'custom:bar-card' 93 | type: horizontal-stack 94 | type: 'custom:vertical-stack-in-card' 95 | - cards: 96 | - cards: 97 | - card_style: 98 | background: 'rgba(0,0,20,.5)' 99 | border: 'solid 1px rgba(57,128,228,0.4)' 100 | border-radius: 12px 101 | color: 'rgba(57,128,228,0.6)' 102 | entities: 103 | - sensor.memory_free 104 | max: 8000 105 | title: szabad memória 106 | title_position: left 107 | type: 'custom:bar-card' 108 | type: horizontal-stack 109 | type: 'custom:vertical-stack-in-card' 110 | - cards: 111 | - cards: 112 | - card_style: 113 | background: 'rgba(0,0,20,.5)' 114 | border: 'solid 1px rgba(57,128,228,0.4)' 115 | border-radius: 12px 116 | color: '#FFA50090' 117 | entities: 118 | - sensor.disk_use_percent_home 119 | max: 100 120 | title: foglalt terület 121 | title_position: left 122 | type: 'custom:bar-card' 123 | type: horizontal-stack 124 | type: 'custom:vertical-stack-in-card' 125 | - cards: 126 | - cards: 127 | - card_style: 128 | background: 'rgba(0,0,20,.5)' 129 | border: 'solid 1px rgba(57,128,228,0.4)' 130 | border-radius: 12px 131 | color: 'rgba(57,128,228,0.6)' 132 | entities: 133 | - sensor.hass_db_meret 134 | max: 500 135 | title: adatbázis mérete 136 | title_position: left 137 | type: 'custom:bar-card' 138 | type: horizontal-stack 139 | type: 'custom:vertical-stack-in-card' 140 | show_header_toggle: false 141 | title: NUC/Hassio 142 | type: entities 143 | style: 144 | background-color: 'rgba(0,0,20,0.6)' 145 | background-image: url("/local/pictures/cardback.png") 146 | background-repeat: no-repeat 147 | background-size: 100% 100% 148 | border: 'solid 1px rgba(57,128,228,0.4)' 149 | border-radius: 20px 150 | type: 'custom:card-modder' 151 | -------------------------------------------------------------------------------- /air purifier card/air_purifier_card.yaml: -------------------------------------------------------------------------------- 1 | card: 2 | cards: 3 | - elements: 4 | - entity: fan.xiaomi_miio_device 5 | style: 6 | '--iron-icon-height': 45px 7 | '--iron-icon-width': 45px 8 | margin-right: '-10%' 9 | right: 16% 10 | top: 85% 11 | tap_action: 12 | action: call-service 13 | service: fan.toggle 14 | service_data: 15 | entity_id: fan.xiaomi_miio_device 16 | type: state-icon 17 | - icon: 'mdi:water-percent' 18 | style: 19 | '--iron-icon-height': 45px 20 | '--iron-icon-width': 45px 21 | color: dodgerblue 22 | left: 15% 23 | top: 25% 24 | tap_action: none 25 | type: icon 26 | - attribute: humidity 27 | color_stops: null 28 | entity: fan.xiaomi_miio_device 29 | fill: 'rgba(0,0,0,0.3)' 30 | font_style: 31 | color: vhite 32 | gradient: true 33 | max: 100 34 | min: 0 35 | show_card: null 36 | stroke_width: 10 37 | style: 38 | height: 60px 39 | left: 15% 40 | top: 25% 41 | width: 60px 42 | type: 'custom:circle-sensor-card' 43 | units: '%' 44 | - icon: 'mdi:thermometer' 45 | style: 46 | '--iron-icon-height': 45px 47 | '--iron-icon-width': 45px 48 | color: dodgerblue 49 | left: 15% 50 | top: 45% 51 | tap_action: none 52 | type: icon 53 | - attribute: temperature 54 | entity: fan.xiaomi_miio_device 55 | fill: 'rgba(0,0,0,0.3)' 56 | font_style: 57 | color: white 58 | gradient: true 59 | max: 50 60 | min: 0 61 | show_card: false 62 | stroke_width: 10 63 | style: 64 | height: 60px 65 | left: 15% 66 | top: 45% 67 | width: 60px 68 | type: 'custom:circle-sensor-card' 69 | units: °C 70 | - icon: 'mdi:air-filter' 71 | style: 72 | '--iron-icon-height': 45px 73 | '--iron-icon-width': 45px 74 | color: dodgerblue 75 | left: 15% 76 | top: 65% 77 | tap_action: none 78 | type: icon 79 | - attribute: aqi 80 | entity: fan.xiaomi_miio_device 81 | fill: 'rgba(0,0,0,0.3)' 82 | font_style: 83 | color: white 84 | gradient: true 85 | max: 70 86 | min: 0 87 | show_card: false 88 | stroke_width: 10 89 | style: 90 | height: 60px 91 | left: 15% 92 | top: 65% 93 | width: 60px 94 | type: 'custom:circle-sensor-card' 95 | units: '' 96 | - icon: 'mdi:speedometer' 97 | style: 98 | '--iron-icon-height': 45px 99 | '--iron-icon-width': 45px 100 | color: dodgerblue 101 | left: 15% 102 | top: 85% 103 | tap_action: none 104 | type: icon 105 | - attribute: motor2_speed 106 | entity: fan.xiaomi_miio_device 107 | fill: 'rgba(0,0,0,0.3)' 108 | font_style: 109 | color: white 110 | gradient: true 111 | max: 2000 112 | min: 0 113 | show_card: false 114 | stroke_width: 10 115 | style: 116 | height: 60px 117 | left: 15% 118 | top: 85% 119 | width: 60px 120 | type: 'custom:circle-sensor-card' 121 | units: '' 122 | - entity: sensor.purifier_fan_mode 123 | max: 2000 124 | min: 0 125 | prefix: 'mód: ' 126 | style: 127 | background-color: 'rgba(0, 0, 0,.0)' 128 | border-color: 'rgb(34, 154, 210,.0)' 129 | border-left-style: solid 130 | color: 'rgba(255, 255, 255,)' 131 | font-family: Trebuchet MS 132 | font-size: 100% 133 | font-weight: bold 134 | left: 80% 135 | margin-right: '-50%' 136 | opacity: 1 137 | pointer-events: none 138 | text-shadow: 1px 1px black 139 | top: 5% 140 | transform: 'translate(-50%,-0%)' 141 | type: state-label 142 | - icon: 'mdi:brightness-auto' 143 | style: 144 | '--iron-icon-height': 45px 145 | '--iron-icon-width': 45px 146 | right: 5% 147 | top: 25% 148 | tap_action: 149 | action: call-service 150 | service: fan.set_speed 151 | service_data: 152 | entity_id: fan.xiaomi_miio_device 153 | speed: Auto 154 | type: icon 155 | - icon: 'mdi:power-sleep' 156 | style: 157 | '--iron-icon-height': 45px 158 | '--iron-icon-width': 45px 159 | right: 5% 160 | top: 45% 161 | tap_action: 162 | action: call-service 163 | service: fan.set_speed 164 | service_data: 165 | entity_id: fan.xiaomi_miio_device 166 | speed: Silent 167 | type: icon 168 | - icon: 'mdi:account-heart' 169 | style: 170 | '--iron-icon-height': 45px 171 | '--iron-icon-width': 45px 172 | right: 5% 173 | top: 65% 174 | tap_action: 175 | action: call-service 176 | service: fan.set_speed 177 | service_data: 178 | entity_id: fan.xiaomi_miio_device 179 | speed: Favorite 180 | type: icon 181 | - entity: sensor.purifier_filter_life_remaining 182 | prefix: 'filter: ' 183 | style: 184 | background-color: 'rgba(0, 0, 0,.0)' 185 | border-color: 'rgb(34, 154, 210,.0)' 186 | border-left-style: solid 187 | color: dodgerblue 188 | font-family: Trebuchet MS 189 | font-size: 100% 190 | font-weight: bold 191 | left: 2% 192 | opacity: 1 193 | pointer-events: none 194 | top: 10% 195 | transform: 'translate(0%,-50%)' 196 | type: state-label 197 | - entity: sensor.purifier_filter_hours_used 198 | prefix: 'filterhasználat: ' 199 | style: 200 | background-color: 'rgba(0, 0, 0,.0)' 201 | border-color: 'rgb(34, 154, 210,.0)' 202 | border-left-style: solid 203 | color: dodgerblue 204 | font-family: Trebuchet MS 205 | font-size: 100% 206 | font-weight: bold 207 | left: 2% 208 | margin-right: '-50%' 209 | opacity: 1 210 | pointer-events: none 211 | top: 5% 212 | transform: 'translate(0%,-50%)' 213 | type: state-label 214 | image: /local/pictures/ap.png 215 | type: picture-elements 216 | type: 'custom:vertical-stack-in-card' 217 | style: 218 | background-color: 'rgba(0,0,20,0.3)' 219 | background-image: url("/local/pictures/cardback.png") 220 | background-repeat: no-repeat 221 | background-size: 100% 100% 222 | border: 'solid 1px rgba(57,128,228,0.4)' 223 | border-radius: 20px 224 | type: 'custom:card-modder' 225 | -------------------------------------------------------------------------------- /vacuum_card/vacuum_card.yaml: -------------------------------------------------------------------------------- 1 | card: 2 | cards: 3 | - elements: 4 | - icon: 'mdi:bell-ring' 5 | style: 6 | '--iron-icon-fill-color': '#1E90FF' 7 | left: 80% 8 | top: 90% 9 | tap_action: 10 | action: call-service 11 | service: vacuum.locate 12 | service_data: 13 | entity_id: vacuum.xiaomi_vacuum_cleaner 14 | type: icon 15 | - icon: 'mdi:home' 16 | style: 17 | '--iron-icon-fill-color': '#1E90FF' 18 | left: 65% 19 | top: 90% 20 | tap_action: 21 | action: call-service 22 | service: vacuum.return_to_base 23 | service_data: 24 | entity_id: vacuum.xiaomi_vacuum_cleaner 25 | type: icon 26 | - icon: 'mdi:play' 27 | style: 28 | '--iron-icon-fill-color': '#1E90FF' 29 | left: 50% 30 | top: 90% 31 | tap_action: 32 | action: call-service 33 | service: vacuum.start 34 | service_data: 35 | entity_id: vacuum.xiaomi_vacuum_cleaner 36 | type: icon 37 | - icon: 'mdi:pause' 38 | style: 39 | '--iron-icon-fill-color': '#1E90FF' 40 | left: 35% 41 | top: 90% 42 | tap_action: 43 | action: call-service 44 | service: vacuum.pause 45 | service_data: 46 | entity_id: vacuum.xiaomi_vacuum_cleaner 47 | type: icon 48 | - icon: 'mdi:stop' 49 | style: 50 | '--iron-icon-fill-color': '#1E90FF' 51 | left: 20% 52 | top: 90% 53 | tap_action: 54 | action: call-service 55 | service: vacuum.stop 56 | service_data: 57 | entity_id: vacuum.xiaomi_vacuum_cleaner 58 | type: icon 59 | - entity: sensor.vacuum_operation 60 | style: 61 | background-color: 'rgba(57,128,228,0.8)' 62 | border-color: 'rgb(34, 154, 210)' 63 | border-radius: 6px 64 | color: 'rgb(255, 255, 255)' 65 | font-family: Trebuchet MS 66 | font-size: 80% 67 | font-weight: bold 68 | left: 3% 69 | pointer-events: none 70 | top: 10% 71 | transform: 'translate(0%,-50%)' 72 | type: state-label 73 | - entity: sensor.vacuum_accessories 74 | style: 75 | background-color: 'rgba(57,128,228,0.8)' 76 | border-color: 'rgb(34, 154, 210,)' 77 | border-radius: 6px 78 | color: 'rgb(255, 255, 255)' 79 | font-family: Trebuchet MS 80 | font-size: 80% 81 | font-weight: bold 82 | pointer-events: none 83 | right: 3% 84 | top: 10% 85 | transform: 'translate(0%,-50%)' 86 | type: state-label 87 | - entity: vacuum.xiaomi_vacuum_cleaner 88 | style: 89 | background-color: 'rgb(250,250,250, .8)' 90 | border-color: 'rgb(34, 154, 210)' 91 | border-radius: 6px 92 | color: 'rgb(0, 0, 0)' 93 | font-family: Trebuchet MS 94 | font-size: 100% 95 | font-weight: bold 96 | left: 50% 97 | margin-right: '-50%' 98 | padding: 70px 0; 99 | top: 10% 100 | transform: 'translate(-50%,-50%)' 101 | tap_action: 102 | action: more-info 103 | type: state-label 104 | - entity: sensor.vacuum_main_brush 105 | prefix: 'Fő kefe: ' 106 | style: 107 | font-family: Trebuchet MS 108 | font-size: 80% 109 | font-weight: bold 110 | opacity: 0.8 111 | pointer-events: none 112 | right: 1% 113 | text-shadow: 1px 1px black 114 | top: 30% 115 | transform: 'translate(0%,-50%)' 116 | type: state-label 117 | - entity: sensor.vacuum_side_brush 118 | prefix: 'Oldal kefe: ' 119 | style: 120 | font-family: Trebuchet MS 121 | font-size: 80% 122 | font-weight: bold 123 | opacity: 0.8 124 | pointer-events: none 125 | right: 1% 126 | text-shadow: 1px 1px black 127 | top: 45% 128 | transform: 'translate(0%,-50%)' 129 | type: state-label 130 | - entity: sensor.vacuum_filter 131 | prefix: 'Filter: ' 132 | style: 133 | font-family: Trebuchet MS 134 | font-size: 80% 135 | font-weight: bold 136 | opacity: 0.8 137 | pointer-events: none 138 | right: 1% 139 | text-shadow: 1px 1px black 140 | top: 60% 141 | transform: 'translate(0%,-50%)' 142 | type: state-label 143 | - entity: sensor.vacuum_sensor 144 | prefix: 'Szenzorok: ' 145 | style: 146 | font-family: Trebuchet MS 147 | font-size: 80% 148 | font-weight: bold 149 | opacity: 0.8 150 | pointer-events: none 151 | right: 1% 152 | text-shadow: 1px 1px black 153 | top: 75% 154 | transform: 'translate(0%,-50%)' 155 | type: state-label 156 | - entity: sensor.vacuum_status 157 | prefix: 'Állapot: ' 158 | style: 159 | font-family: Trebuchet MS 160 | font-size: 80% 161 | font-weight: bold 162 | left: 1% 163 | opacity: 0.8 164 | pointer-events: none 165 | text-shadow: 1px 1px black 166 | top: 30% 167 | transform: 'translate(0%,-50%)' 168 | type: state-label 169 | - entity: sensor.vacuum_battery 170 | prefix: 'Akku: ' 171 | style: 172 | font-family: Trebuchet MS 173 | font-size: 80% 174 | font-weight: bold 175 | left: 1% 176 | opacity: 0.8 177 | pointer-events: none 178 | text-shadow: 1px 1px black 179 | top: 45% 180 | transform: 'translate(0%,-50%)' 181 | type: state-label 182 | - entity: sensor.vacuum_fan_speed 183 | prefix: 'Mód: ' 184 | style: 185 | font-family: Trebuchet MS 186 | font-size: 80% 187 | font-weight: bold 188 | left: 1% 189 | opacity: 0.8 190 | pointer-events: none 191 | text-shadow: 1px 1px black 192 | top: 60% 193 | transform: 'translate(0%,-50%)' 194 | type: state-label 195 | - entity: sensor.vacuum_cleaned_area 196 | prefix: 'Terület:' 197 | style: 198 | font-family: Trebuchet MS 199 | font-size: 80% 200 | font-weight: bold 201 | left: 31% 202 | pointer-events: none 203 | text-shadow: 1px 1px black 204 | top: 80% 205 | transform: 'translate(0%,-50%)' 206 | type: state-label 207 | - entity: sensor.vacuum_cleaning_time 208 | prefix: 'Idő:' 209 | style: 210 | font-family: Trebuchet MS 211 | font-size: 80% 212 | font-weight: bold 213 | left: 55% 214 | pointer-events: none 215 | text-shadow: 1px 1px black 216 | top: 80% 217 | transform: 'translate(0%,-50%)' 218 | type: state-label 219 | - entity: sensor.vacuum_timer 220 | style: 221 | color: 'rgb(255, 255, 255)' 222 | font-family: Trebuchet MS 223 | font-size: 80% 224 | font-weight: bold 225 | left: 1% 226 | opacity: 0.8 227 | pointer-events: none 228 | text-shadow: 1px 1px black 229 | top: 75% 230 | transform: 'translate(0%,-50%)' 231 | type: state-label 232 | - entity: automation.takaritas_utemezese 233 | image: /local/pictures/timer_off.png 234 | state_filter: 235 | 'off': brightness(80%) saturate(0.8) 236 | 'on': brightness(200%) saturate(1.8) 237 | state_image: 238 | 'on': /local/pictures/timer.png 239 | style: 240 | left: 20% 241 | top: 75% 242 | tap_action: 243 | action: toggle 244 | type: image 245 | image: /local/pictures/roberta.png 246 | type: picture-elements 247 | type: vertical-stack 248 | style: 249 | background-color: 'rgba(0,0,20,0.3)' 250 | background-image: url("/local/pictures/cardback.png") 251 | background-repeat: no-repeat 252 | background-size: 100% 100% 253 | border: 'solid 1px rgba(57,128,228,0.4)' 254 | border-radius: 20px 255 | type: 'custom:card-modder' 256 | -------------------------------------------------------------------------------- /mixed_vertial_stack_buttons_entities/mixed_vertial_stack_buttons_entities.yaml: -------------------------------------------------------------------------------- 1 | card: 2 | color: white 3 | entities: 4 | - cards: 5 | - card: 6 | entities: 7 | - sensor.temperature_temperature 8 | - sensor.temperature_humidity 9 | - sensor.illumination_7811dcf79959 10 | - binary_sensor.motion_sensor_158d00029be9dc 11 | - binary_sensor.backdoor 12 | show_name: false 13 | type: glance 14 | style: 15 | background-color: 'rgba(0,0,0,0.6)' 16 | background-repeat: no-repeat 17 | background-size: 100% 100% 18 | border: 'solid 1px rgba(57,128,228,0.4)' 19 | border-radius: 20px 20 | type: 'custom:card-modder' 21 | type: 'custom:vertical-stack-in-card' 22 | - cards: 23 | - cards: 24 | - card: 25 | color: 'rgb(255, 165, 0)' 26 | color_off: 'rgb(30, 144, 255)' 27 | color_type: icon 28 | entity: light.living_room 29 | hold_action: 30 | action: more-info 31 | icon: 'mdi:ceiling-light' 32 | name: nappali 33 | size: 25% 34 | state: 35 | - styles: 36 | card: 37 | - box-shadow: 0px 0px 20px 3px var(--paper-item-icon-color) 38 | - background-color: 'rgba(57,128,228,0.2)' 39 | value: 'on' 40 | - styles: 41 | card: 42 | - background-color: 'rgba(0,0,0,0.6)' 43 | value: 'off' 44 | styles: 45 | card: 46 | - transform: scale(0.95) 47 | - font-size: 14px 48 | - height: 85px 49 | type: 'custom:button-card' 50 | style: 51 | background-color: 'rgba(0,0,0,0.6)' 52 | background-size: 100% 100% 53 | border: 'solid 1px rgba(57,128,228,0.4)' 54 | border-radius: 20px 55 | type: 'custom:card-modder' 56 | - card: 57 | color: 'rgb(255, 165, 0)' 58 | color_off: 'rgb(30, 144, 255)' 59 | color_type: icon 60 | entity: light.living_room_ambilight 61 | hold_action: 62 | action: more-info 63 | icon: 'mdi:palette' 64 | size: 25% 65 | state: 66 | - styles: 67 | card: 68 | - box-shadow: 0px 0px 20px 3px var(--paper-item-icon-color) 69 | - background-color: 'rgba(57,128,228,0.2)' 70 | value: 'on' 71 | - styles: 72 | card: 73 | - background-color: 'rgba(0,0,0,0.6)' 74 | value: 'off' 75 | styles: 76 | card: 77 | - transform: scale(0.95) 78 | - font-size: 14px 79 | - height: 85px 80 | type: 'custom:button-card' 81 | style: 82 | background-color: 'rgba(0,0,0,0.6)' 83 | background-size: 100% 100% 84 | border: 'solid 1px rgba(57,128,228,0.4)' 85 | border-radius: 20px 86 | type: 'custom:card-modder' 87 | - card: 88 | color: 'rgb(255, 165, 0)' 89 | color_off: 'rgb(30, 144, 255)' 90 | color_type: icon 91 | entity: light.living_room_nightlight 92 | hold_action: 93 | action: more-info 94 | icon: 'mdi:weather-night' 95 | size: 25% 96 | state: 97 | - styles: 98 | card: 99 | - box-shadow: 0px 0px 20px 3px var(--paper-item-icon-color) 100 | - background-color: 'rgba(57,128,228,0.2)' 101 | value: 'on' 102 | - styles: 103 | card: 104 | - background-color: 'rgba(0,0,0,0.6)' 105 | value: 'off' 106 | styles: 107 | card: 108 | - transform: scale(0.95) 109 | - font-size: 14px 110 | - height: 85px 111 | type: 'custom:button-card' 112 | style: 113 | background-color: 'rgba(0,0,0,0.6)' 114 | background-size: 100% 100% 115 | border: 'solid 1px rgba(57,128,228,0.4)' 116 | border-radius: 20px 117 | type: 'custom:card-modder' 118 | type: horizontal-stack 119 | type: 'custom:vertical-stack-in-card' 120 | - cards: 121 | - cards: 122 | - card: 123 | color: 'rgb(255, 165, 0)' 124 | color_off: 'rgb(30, 144, 255)' 125 | color_type: icon 126 | entity: light.kitchen 127 | hold_action: 128 | action: more-info 129 | icon: 'mdi:ceiling-light' 130 | size: 17% 131 | state: 132 | - styles: 133 | card: 134 | - box-shadow: 0px 0px 20px 3px var(--paper-item-icon-color) 135 | - background-color: 'rgba(57,128,228,0.2)' 136 | value: 'on' 137 | - styles: 138 | card: 139 | - background-color: 'rgba(0,0,0,0.6)' 140 | value: 'off' 141 | styles: 142 | card: 143 | - transform: scale(0.95) 144 | - font-size: 14px 145 | - height: 85px 146 | type: 'custom:button-card' 147 | style: 148 | background-color: 'rgba(0,0,0,0.6)' 149 | background-size: 100% 100% 150 | border: 'solid 1px rgba(57,128,228,0.4)' 151 | border-radius: 20px 152 | type: 'custom:card-modder' 153 | - card: 154 | color: 'rgb(255, 165, 0)' 155 | color_off: 'rgb(30, 144, 255)' 156 | color_type: icon 157 | entity: light.kitchen_nightlight 158 | hold_action: 159 | action: more-info 160 | icon: 'mdi:weather-night' 161 | size: 17% 162 | state: 163 | - styles: 164 | card: 165 | - box-shadow: 0px 0px 20px 3px var(--paper-item-icon-color) 166 | - background-color: 'rgba(57,128,228,0.2)' 167 | value: 'on' 168 | - styles: 169 | card: 170 | - background-color: 'rgba(0,0,0,0.6)' 171 | value: 'off' 172 | styles: 173 | card: 174 | - transform: scale(0.95) 175 | - font-size: 14px 176 | - height: 85px 177 | type: 'custom:button-card' 178 | style: 179 | background-color: 'rgba(0,0,0,0.6)' 180 | background-size: 100% 100% 181 | border: 'solid 1px rgba(57,128,228,0.4)' 182 | border-radius: 20px 183 | type: 'custom:card-modder' 184 | type: horizontal-stack 185 | type: 'custom:vertical-stack-in-card' 186 | - cards: 187 | - cards: 188 | - card: 189 | color: 'rgb(255, 165, 0)' 190 | color_off: 'rgb(30, 144, 255)' 191 | color_type: icon 192 | entity: light.kitchen2 193 | hold_action: 194 | action: more-info 195 | icon: 'mdi:ceiling-light' 196 | size: 17% 197 | state: 198 | - styles: 199 | card: 200 | - box-shadow: 0px 0px 20px 3px var(--paper-item-icon-color) 201 | - background-color: 'rgba(57,128,228,0.2)' 202 | value: 'on' 203 | - styles: 204 | card: 205 | - background-color: 'rgba(0,0,0,0.6)' 206 | value: 'off' 207 | styles: 208 | card: 209 | - transform: scale(0.95) 210 | - font-size: 14px 211 | - height: 85px 212 | type: 'custom:button-card' 213 | style: 214 | background-color: 'rgba(0,0,0,0.6)' 215 | background-size: 100% 100% 216 | border: 'solid 1px rgba(57,128,228,0.4)' 217 | border-radius: 20px 218 | type: 'custom:card-modder' 219 | - card: 220 | color: 'rgb(255, 165, 0)' 221 | color_off: 'rgb(30, 144, 255)' 222 | color_type: icon 223 | entity: light.kitchen2_nightlight 224 | hold_action: 225 | action: more-info 226 | icon: 'mdi:weather-night' 227 | size: 17% 228 | state: 229 | - styles: 230 | card: 231 | - box-shadow: 0px 0px 20px 3px var(--paper-item-icon-color) 232 | - background-color: 'rgba(57,128,228,0.2)' 233 | value: 'on' 234 | - styles: 235 | card: 236 | - background-color: 'rgba(0,0,0,0.6)' 237 | value: 'off' 238 | styles: 239 | card: 240 | - transform: scale(0.95) 241 | - font-size: 14px 242 | - height: 85px 243 | type: 'custom:button-card' 244 | style: 245 | background-color: 'rgba(0,0,0,0.6)' 246 | background-size: 100% 100% 247 | border: 'solid 1px rgba(57,128,228,0.4)' 248 | border-radius: 20px 249 | type: 'custom:card-modder' 250 | type: horizontal-stack 251 | type: 'custom:vertical-stack-in-card' 252 | - cards: 253 | - card: 254 | entities: 255 | - entity: switch.plug_158d0002410dbd 256 | icon: 'mdi:webcam' 257 | name: kamera 258 | - entity: light.gateway_light_7811dcf79959 259 | hide_when_off: true 260 | toggle: true 261 | type: 'custom:slider-entity-row' 262 | show_name: false 263 | type: entities 264 | style: 265 | background-color: 'rgba(0,0,0,0.6)' 266 | background-repeat: no-repeat 267 | background-size: 100% 100% 268 | border: 'solid 1px rgba(57,128,228,0.4)' 269 | border-radius: 20px 270 | type: 'custom:card-modder' 271 | type: 'custom:vertical-stack-in-card' 272 | show_header_toggle: false 273 | title: Nappali-konyha 274 | type: entities 275 | style: 276 | background-color: 'rgba(0,0,0,0.6)' 277 | background-image: url("/local/pictures/cardback.png") 278 | background-repeat: no-repeat 279 | background-size: 100% 100% 280 | border: 'solid 1px rgba(57,128,228,0.4)' 281 | border-radius: 20px 282 | type: 'custom:card-modder' 283 | -------------------------------------------------------------------------------- /button_swiper/button_swiper.yaml: -------------------------------------------------------------------------------- 1 | card: 2 | color: white 3 | entities: 4 | - cards: 5 | - cards: 6 | - card: 7 | color: 'rgb(255, 165, 0)' 8 | color_off: 'rgb(30, 144, 255)' 9 | color_type: icon 10 | entity: light.living_room 11 | hold_action: 12 | action: more-info 13 | size: 20% 14 | style: 15 | - font-size: 12px 16 | type: 'custom:button-card' 17 | style: 18 | background-color: 'rgba(0,0,20,0.3)' 19 | background-repeat: no-repeat 20 | background-size: 100% 100% 21 | border: 'solid 1px rgba(30,144,255,0.4)' 22 | type: 'custom:card-modder' 23 | - card: 24 | color: 'rgb(255, 165, 0)' 25 | color_off: 'rgb(30, 144, 255)' 26 | color_type: icon 27 | entity: light.kitchen 28 | hold_action: 29 | action: more-info 30 | size: 20% 31 | style: 32 | - font-size: 12px 33 | type: 'custom:button-card' 34 | style: 35 | background-color: 'rgba(0,0,20,0.3)' 36 | background-repeat: no-repeat 37 | background-size: 100% 100% 38 | border: 'solid 1px rgba(57,128,228,0.4)' 39 | border-radius: 20px 40 | type: 'custom:card-modder' 41 | - card: 42 | color: 'rgb(255, 165, 0)' 43 | color_off: 'rgb(30, 144, 255)' 44 | color_type: icon 45 | entity: light.kitchen2 46 | hold_action: 47 | action: more-info 48 | size: 20% 49 | style: 50 | - font-size: 12px 51 | tap_action: 52 | action: toggle 53 | type: 'custom:button-card' 54 | style: 55 | background-color: 'rgba(0,0,20,0.3)' 56 | background-repeat: no-repeat 57 | background-size: 100% 100% 58 | border: 'solid 1px rgba(57,128,228,0.4)' 59 | border-radius: 20px 60 | type: 'custom:card-modder' 61 | - card: 62 | color: 'rgb(255, 165, 0)' 63 | color_off: 'rgb(30, 144, 255)' 64 | color_type: icon 65 | entity: light.bedroom 66 | hold_action: 67 | action: more-info 68 | size: 20% 69 | style: 70 | - font-size: 12px 71 | tap_action: 72 | action: toggle 73 | type: 'custom:button-card' 74 | style: 75 | background-color: 'rgba(0,0,20,0.3)' 76 | background-repeat: no-repeat 77 | background-size: 100% 100% 78 | border: 'solid 1px rgba(57,128,228,0.4)' 79 | border-radius: 20px 80 | type: 'custom:card-modder' 81 | - card: 82 | color: 'rgb(255, 165, 0)' 83 | color_off: 'rgb(30, 144, 255)' 84 | color_type: icon 85 | entity: light.bathroom 86 | hold_action: 87 | action: more-info 88 | size: 20% 89 | style: 90 | - font-size: 12px 91 | tap_action: 92 | action: toggle 93 | type: 'custom:button-card' 94 | style: 95 | background-color: 'rgba(0,0,20,0.3)' 96 | background-repeat: no-repeat 97 | background-size: 100% 100% 98 | border: 'solid 1px rgba(57,128,228,0.4)' 99 | border-radius: 20px 100 | type: 'custom:card-modder' 101 | - card: 102 | color: 'rgb(255, 165, 0)' 103 | color_off: 'rgb(30, 144, 255)' 104 | color_type: icon 105 | entity: light.room 106 | hold_action: 107 | action: more-info 108 | size: 20% 109 | style: 110 | - font-size: 12px 111 | tap_action: 112 | action: toggle 113 | type: 'custom:button-card' 114 | style: 115 | background-color: 'rgba(0,0,20,0.3)' 116 | background-repeat: no-repeat 117 | background-size: 100% 100% 118 | border: 'solid 1px rgba(57,128,228,0.4)' 119 | border-radius: 20px 120 | type: 'custom:card-modder' 121 | - card: 122 | color: 'rgb(255, 165, 0)' 123 | color_off: 'rgb(30, 144, 255)' 124 | color_type: icon 125 | entity: light.entrance 126 | hold_action: 127 | action: more-info 128 | size: 20% 129 | style: 130 | - font-size: 12px 131 | tap_action: 132 | action: toggle 133 | type: 'custom:button-card' 134 | style: 135 | background-color: 'rgba(0,0,20,0.3)' 136 | background-repeat: no-repeat 137 | background-size: 100% 100% 138 | border: 'solid 1px rgba(57,128,228,0.4)' 139 | border-radius: 20px 140 | type: 'custom:card-modder' 141 | - card: 142 | color: 'rgb(255, 165, 0)' 143 | color_off: 'rgb(30, 144, 255)' 144 | color_type: icon 145 | entity: light.wc_lampa 146 | hold_action: 147 | action: more-info 148 | size: 20% 149 | style: 150 | - font-size: 12px 151 | tap_action: 152 | action: toggle 153 | type: 'custom:button-card' 154 | style: 155 | background-color: 'rgba(0,0,20,0.3)' 156 | background-repeat: no-repeat 157 | background-size: 100% 100% 158 | border: 'solid 1px rgba(57,128,228,0.4)' 159 | border-radius: 20px 160 | type: 'custom:card-modder' 161 | parameters: 162 | centeredSlides: true 163 | effect: slide 164 | grabcursor: true 165 | loop: false 166 | nested: true 167 | scrollbar: 168 | draggable: true 169 | hide: true 170 | snapOnRelease: true 171 | slidesPerGroup: 1 172 | slidesPerView: 3 173 | spaceBetween: 8 174 | speed: 300 175 | start_card: 2 176 | type: 'custom:swipe-card' 177 | type: 'custom:vertical-stack-in-card' 178 | - cards: 179 | - cards: 180 | - card: 181 | color: 'rgb(255, 165, 0)' 182 | color_off: 'rgb(30, 144, 255)' 183 | color_type: icon 184 | entity: switch.71550386cc50e32a31de 185 | hold_action: 186 | action: more-info 187 | icon: 'mdi:lamp' 188 | size: 20% 189 | style: 190 | - font-size: 12px 191 | tap_action: 192 | action: toggle 193 | type: 'custom:button-card' 194 | style: 195 | background-color: 'rgba(0,0,20,0.3)' 196 | background-repeat: no-repeat 197 | background-size: 100% 100% 198 | border: 'solid 1px rgba(57,128,228,0.4)' 199 | border-radius: 20px 200 | type: 'custom:card-modder' 201 | - card: 202 | color: 'rgb(255, 165, 0)' 203 | color_off: 'rgb(30, 144, 255)' 204 | color_type: icon 205 | entity: switch.lg_tv 206 | hold_action: 207 | action: more-info 208 | icon: 'mdi:kodi' 209 | name: Kodi 210 | size: 20% 211 | style: 212 | - font-size: 12px 213 | tap_action: 214 | action: toggle 215 | type: 'custom:button-card' 216 | style: 217 | background-color: 'rgba(0,0,20,0.3)' 218 | background-repeat: no-repeat 219 | background-size: 100% 100% 220 | border: 'solid 1px rgba(57,128,228,0.4)' 221 | border-radius: 20px 222 | type: 'custom:card-modder' 223 | - card: 224 | color: 'rgb(255, 165, 0)' 225 | color_off: 'rgb(30, 144, 255)' 226 | color_type: icon 227 | entity: switch.plug_158d0002410dbd 228 | hold_action: 229 | action: more-info 230 | size: 20% 231 | style: 232 | - font-size: 12px 233 | tap_action: 234 | action: toggle 235 | type: 'custom:button-card' 236 | style: 237 | background-color: 'rgba(0,0,20,0.3)' 238 | background-repeat: no-repeat 239 | background-size: 100% 100% 240 | border: 'solid 1px rgba(57,128,228,0.4)' 241 | border-radius: 20px 242 | type: 'custom:card-modder' 243 | parameters: 244 | centeredSlides: true 245 | effect: slide 246 | grabcursor: true 247 | loop: false 248 | nested: true 249 | slidesPerGroup: 1 250 | slidesPerView: 3 251 | spaceBetween: 8 252 | speed: 300 253 | start_card: 2 254 | type: 'custom:swipe-card' 255 | type: 'custom:vertical-stack-in-card' 256 | - cards: 257 | - cards: 258 | - card: 259 | color: 'rgb(255, 165, 0)' 260 | color_off: 'rgb(30, 144, 255)' 261 | color_type: icon 262 | entity: light.living_room_ambilight 263 | hold_action: 264 | action: more-info 265 | size: 20% 266 | style: 267 | - font-size: 12px 268 | tap_action: 269 | action: toggle 270 | type: 'custom:button-card' 271 | style: 272 | background-color: 'rgba(0,0,20,0.3)' 273 | background-repeat: no-repeat 274 | background-size: 100% 100% 275 | border: 'solid 1px rgba(57,128,228,0.4)' 276 | border-radius: 20px 277 | type: 'custom:card-modder' 278 | - card: 279 | color: 'rgb(255, 165, 0)' 280 | color_off: 'rgb(30, 144, 255)' 281 | color_type: icon 282 | entity: light.living_room_nightlight 283 | hold_action: 284 | action: more-info 285 | size: 20% 286 | style: 287 | - font-size: 12px 288 | tap_action: 289 | action: toggle 290 | type: 'custom:button-card' 291 | style: 292 | background-color: 'rgba(0,0,20,0.3)' 293 | background-repeat: no-repeat 294 | background-size: 100% 100% 295 | border: 'solid 1px rgba(57,128,228,0.4)' 296 | border-radius: 20px 297 | type: 'custom:card-modder' 298 | - card: 299 | color: 'rgb(255, 165, 0)' 300 | color_off: 'rgb(30, 144, 255)' 301 | color_type: icon 302 | entity: light.kitchen_nightlight 303 | hold_action: 304 | action: more-info 305 | size: 20% 306 | style: 307 | - font-size: 12px 308 | tap_action: 309 | action: toggle 310 | type: 'custom:button-card' 311 | style: 312 | background-color: 'rgba(0,0,20,0.3)' 313 | background-repeat: no-repeat 314 | background-size: 100% 100% 315 | border: 'solid 1px rgba(57,128,228,0.4)' 316 | border-radius: 20px 317 | type: 'custom:card-modder' 318 | - card: 319 | color: 'rgb(255, 165, 0)' 320 | color_off: 'rgb(30, 144, 255)' 321 | color_type: icon 322 | entity: light.kitchen2_nightlight 323 | hold_action: 324 | action: more-info 325 | size: 20% 326 | style: 327 | - font-size: 12px 328 | tap_action: 329 | action: toggle 330 | type: 'custom:button-card' 331 | style: 332 | background-color: 'rgba(0,0,20,0.3)' 333 | background-repeat: no-repeat 334 | background-size: 100% 100% 335 | border: 'solid 1px rgba(57,128,228,0.4)' 336 | border-radius: 20px 337 | type: 'custom:card-modder' 338 | - card: 339 | color: 'rgb(255, 165, 0)' 340 | color_off: 'rgb(30, 144, 255)' 341 | color_type: icon 342 | entity: light.bedroom_nightlight 343 | hold_action: 344 | action: more-info 345 | size: 20% 346 | style: 347 | - font-size: 12px 348 | tap_action: 349 | action: toggle 350 | type: 'custom:button-card' 351 | style: 352 | background-color: 'rgba(0,0,20,0.3)' 353 | background-repeat: no-repeat 354 | background-size: 100% 100% 355 | border: 'solid 1px rgba(57,128,228,0.4)' 356 | border-radius: 20px 357 | type: 'custom:card-modder' 358 | - card: 359 | color: 'rgb(255, 165, 0)' 360 | color_off: 'rgb(30, 144, 255)' 361 | color_type: icon 362 | entity: light.girls_nightlight 363 | hold_action: 364 | action: more-info 365 | size: 20% 366 | style: 367 | - font-size: 12px 368 | tap_action: 369 | action: toggle 370 | type: 'custom:button-card' 371 | style: 372 | background-color: 'rgba(0,0,20,0.3)' 373 | background-repeat: no-repeat 374 | background-size: 100% 100% 375 | border: 'solid 1px rgba(57,128,228,0.4)' 376 | border-radius: 20px 377 | type: 'custom:card-modder' 378 | parameters: 379 | centeredSlides: true 380 | effect: slide 381 | grabcursor: true 382 | loop: false 383 | nested: true 384 | slidesPerGroup: 1 385 | slidesPerView: 3 386 | spaceBetween: 8 387 | speed: 300 388 | start_card: 2 389 | type: 'custom:swipe-card' 390 | type: 'custom:vertical-stack-in-card' 391 | show_header_toggle: false 392 | type: entities 393 | style: 394 | background-color: 'rgba(0,0,20,0.3)' 395 | background-image: url("/local/pictures/cardback.png") 396 | background-repeat: no-repeat 397 | background-size: 100% 100% 398 | border: 'solid 1px rgba(57,128,228,0.4)' 399 | border-radius: 20px 400 | type: 'custom:card-modder' 401 | --------------------------------------------------------------------------------