API tools faq
paste
anandv85

Home Assistant Rooms Code

anandv85
Jun 2nd, 2025
211
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
YAML 6.24 KB | Source Code | 0 0
raw download clone embed print report
  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.  
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!