SHOW:
|
|
- or go back to the newest paste.
| 1 | type: custom:stack-in-card | |
| 2 | mode: vertical | |
| 3 | cards: | |
| 4 | - type: horizontal-stack | |
| 5 | mode: horizontal | |
| 6 | cards: | |
| 7 | - type: custom:button-card | |
| 8 | icon: mdi:sofa-outline | |
| 9 | name: Living | |
| 10 | layout: icon_name | |
| 11 | styles: | |
| 12 | icon: | |
| 13 | - height: 25px | |
| 14 | - width: 25px | |
| 15 | - margin-left: "-10px" | |
| 16 | name: | |
| 17 | - font-size: 16px | |
| 18 | - margin-top: 3px | |
| 19 | - margin-left: "-100px" | |
| 20 | card: | |
| 21 | - width: 190px | |
| 22 | - height: 50px | |
| 23 | card_mod: | |
| 24 | style: | | |
| 25 | ha-card {
| |
| 26 | border: none; | |
| 27 | } | |
| 28 | - type: custom:button-card | |
| 29 | layout: icon_name | |
| 30 | styles: | |
| 31 | icon: | |
| 32 | - height: 25px | |
| 33 | - width: 25px | |
| 34 | - margin-left: "-40px" | |
| 35 | name: | |
| 36 | - font-size: 18px | |
| 37 | - margin-left: "-230px" | |
| 38 | - margin-top: 3px | |
| 39 | card: | |
| 40 | - height: 50px | |
| 41 | card_mod: | |
| 42 | style: | | |
| 43 | ha-card {
| |
| 44 | border: none; | |
| 45 | } | |
| 46 | - type: custom:button-card | |
| 47 | entity: sensor.anand_temp_temperature | |
| 48 | show_state: true | |
| 49 | show_name: false | |
| 50 | layout: icon_state | |
| 51 | styles: | |
| 52 | icon: | |
| 53 | - height: 20px | |
| 54 | - width: 20px | |
| 55 | state: | |
| 56 | - font-size: 13px | |
| 57 | card: | |
| 58 | - height: 50px | |
| 59 | card_mod: | |
| 60 | style: | | |
| 61 | ha-card {
| |
| 62 | border: none; | |
| 63 | } | |
| 64 | - type: custom:button-card | |
| 65 | entity: sensor.anand_temp_humidity | |
| 66 | show_state: true | |
| 67 | show_name: false | |
| 68 | layout: icon_state | |
| 69 | styles: | |
| 70 | icon: | |
| 71 | - height: 20px | |
| 72 | - width: 20px | |
| 73 | state: | |
| 74 | - font-size: 13px | |
| 75 | - margin-left: "-5px" | |
| 76 | card: | |
| 77 | - height: 50px | |
| 78 | card_mod: | |
| 79 | style: | | |
| 80 | ha-card {
| |
| 81 | border: none; | |
| 82 | } | |
| 83 | - type: horizontal-stack | |
| 84 | cards: | |
| 85 | - type: custom:mushroom-template-card | |
| 86 | entity: light.living_light | |
| 87 | icon: mdi:ceiling-light | |
| 88 | icon_color: | | |
| 89 | {% if states(entity) == 'off' %}
| |
| 90 | light-grey | |
| 91 | {% else %}
| |
| 92 | orange | |
| 93 | {% endif %}
| |
| 94 | layout: vertical | |
| 95 | tap_action: | |
| 96 | action: toggle | |
| 97 | card_mod: | |
| 98 | style: | | |
| 99 | ha-card {
| |
| 100 | border: none !important; | |
| 101 | background: none | |
| 102 | } | |
| 103 | :host {
| |
| 104 | --mush-icon-size: 45px; | |
| 105 | --card-secondary-font-size: 14px !important; | |
| 106 | } | |
| 107 | - type: custom:mushroom-template-card | |
| 108 | entity: fan.living_fan | |
| 109 | layout: vertical | |
| 110 | primary_info: none | |
| 111 | secondary_info: none | |
| 112 | icon: mdi:ceiling-fan | |
| 113 | icon_color: | | |
| 114 | {% if states(entity) == 'off' %}
| |
| 115 | light-grey | |
| 116 | {% else %}
| |
| 117 | blue | |
| 118 | {% endif %}
| |
| 119 | card_mod: | |
| 120 | style: | | |
| 121 | ha-card {
| |
| 122 | border: none !important; | |
| 123 | background: none | |
| 124 | } | |
| 125 | :host {
| |
| 126 | --mush-icon-size: 45px; | |
| 127 | --card-secondary-font-size: 14px !important; | |
| 128 | } | |
| 129 | - type: custom:mushroom-template-card | |
| 130 | entity: binary_sensor.living_room | |
| 131 | icon: | | |
| 132 | {% if states(entity) == 'off' %}
| |
| 133 | mdi:motion-sensor-off | |
| 134 | {% else %}
| |
| 135 | mdi:motion-sensor | |
| 136 | {% endif %}
| |
| 137 | icon_color: | | |
| 138 | {% if states(entity) == 'off' %}
| |
| 139 | light-grey | |
| 140 | {% else %}
| |
| 141 | blue | |
| 142 | {% endif %}
| |
| 143 | layout: vertical | |
| 144 | tap_action: | |
| 145 | action: more-info | |
| 146 | card_mod: | |
| 147 | style: | | |
| 148 | ha-card {
| |
| 149 | border: none !important; | |
| 150 | background: none | |
| 151 | } | |
| 152 | :host {
| |
| 153 | --mush-icon-size: 45px; | |
| 154 | --card-secondary-font-size: 14px !important; | |
| 155 | } | |
| 156 | - type: custom:mushroom-template-card | |
| 157 | entity: switch.living_room_tv | |
| 158 | icon: mdi:television | |
| 159 | primary_info: none | |
| 160 | secondary_info: none | |
| 161 | icon_color: | | |
| 162 | {% if states(entity) == 'off' %}
| |
| 163 | light-grey | |
| 164 | {% else %}
| |
| 165 | blue | |
| 166 | {% endif %}
| |
| 167 | layout: vertical | |
| 168 | tap_action: | |
| 169 | action: toggle | |
| 170 | card_mod: | |
| 171 | style: | | |
| 172 | ha-card {
| |
| 173 | border: none !important; | |
| 174 | background: none | |
| 175 | } | |
| 176 | :host {
| |
| 177 | --mush-icon-size: 45px; | |
| 178 | --card-secondary-font-size: 14px !important; | |
| 179 | } | |
| 180 | - type: custom:mushroom-template-card | |
| 181 | entity: light.fire_light | |
| 182 | primary_info: none | |
| 183 | secondary_info: none | |
| 184 | layout: vertical | |
| 185 | icon: mdi:fireplace | |
| 186 | icon_color: | | |
| 187 | {% if states(entity) == 'off' %}
| |
| 188 | light-grey | |
| 189 | {% else %}
| |
| 190 | red | |
| 191 | {% endif %}
| |
| 192 | card_mod: | |
| 193 | style: | | |
| 194 | ha-card {
| |
| 195 | border: none !important; | |
| 196 | background: none | |
| 197 | } | |
| 198 | :host {
| |
| 199 | --mush-icon-size: 45px; | |
| 200 | --card-secondary-font-size: 14px !important; | |
| 201 | } | |
| 202 | - type: custom:mushroom-template-card | |
| 203 | primary_info: none | |
| 204 | secondary_info: none | |
| 205 | layout: vertical | |
| 206 | icon_color: | | |
| 207 | {% if states(entity) == 'off' %}
| |
| 208 | light-grey | |
| 209 | {% else %}
| |
| 210 | blue | |
| 211 | {% endif %}
| |
| 212 | tap_action: | |
| 213 | action: toggle | |
| 214 | card_mod: | |
| 215 | style: | | |
| 216 | ha-card {
| |
| 217 | border: none !important; | |
| 218 | background: none | |
| 219 | } | |
| 220 | :host {
| |
| 221 | --mush-icon-size: 45px; | |
| 222 | } | |
| 223 | card_mod: | |
| 224 | style: | | |
| 225 | ha-card {
| |
| 226 | background: none | |
| 227 | } | |
| 228 | :host {
| |
| 229 | --ha-card-border-width: 2px; | |
| 230 | --background: none; | |
| 231 | } | |
| 232 |
