Mushroom Cards - Build a beautiful dashboard easily 🍄 (Part 1)

Hello,

4 Likes

Hello all, great card :slight_smile: Anyone one knows how to place in the chip card the time and date?

thank you in advance

any way to get the unavailable indicator to a template card?
would like to show if a window is open

image

1 Like

Loving the new update card.

Any update on the Thermostat card and is there a possibility of a graph card ?

:slight_smile:

1 Like

That’s brilliant. All starting to make sense now and looks amazing. Thanks for those code blocks, was really helpful! Looking forward to more updates!

1 Like

2 Likes

Nice Paul!!!
Fully operational here!!

        - type: horizontal-stack
          cards:
            - type: grid
              columns: 2
              square: false
              cards:
                - type: conditional
                  conditions:
                    - entity: update.home_assistant_core_update
                      state: 'on'
                  card:
                    type: custom:mushroom-update-card
                    entity: update.home_assistant_core_update
                    icon: mdi:home-assistant
                    name: Home Assistent
                    show_buttons_control: true

                - type: conditional
                  conditions:
                    - entity: update.home_assistant_operating_system_update
                      state: 'on'
                  card:
                    type: custom:mushroom-update-card
                    entity: update.home_assistant_operating_system_update
                    icon: mdi:home-assistant
                    name: Home Assistant Operating System
                    show_buttons_control: true

                - type: conditional
                  conditions:
                    - entity: update.home_assistant_supervisor_update
                      state: 'on'
                  card:
                    type: custom:mushroom-update-card
                    entity: update.home_assistant_supervisor_update
                    icon: mdi:home-assistant
                    name: Home Assistant Supervisor
                    show_buttons_control: true

                - type: conditional
                  conditions:
                    - entity: sensor.hacs
                      state_not: '0'
                  card:
                    type: custom:mushroom-update-card
                    entity: sensor.hacs
                    icon: hacs:hacs
                    name: HACS
                    show_buttons_control: true

                - type: conditional
                  conditions:
                    - entity: update.eufy_security_add_on_update
                      state: 'on'
                  card:
                    type: custom:mushroom-update-card
                    entity: update.eufy_security_add_on_update
                    icon: phu:ring-doorbell-pro
                    name: Eufy Security Add-on
                    show_buttons_control: true

                - type: conditional
                  conditions:
                    - entity: update.rtsp_simple_server_add_on_update
                      state: 'on'
                  card:
                    type: custom:mushroom-update-card
                    entity: update.rtsp_simple_server_add_on_update
                    icon: mdi:cctv
                    name: RTSP Simple Server Add-on
                    show_buttons_control: true

                - type: conditional
                  conditions:
                    - entity: update.home_assistant_google_drive_backup_update
                      state: 'on'
                  card:
                    type: custom:mushroom-update-card
                    entity: update.home_assistant_google_drive_backup_update
                    icon: mdi:google
                    name: Google Drive Backup
                    show_buttons_control: true

                - type: conditional
                  conditions:
                    - entity: update.file_editor_update
                      state: 'on'
                  card:
                    type: custom:mushroom-update-card
                    entity: update.file_editor_update
                    icon: mdi:file-document-edit
                    name: File editor
                    show_buttons_control: true

                - type: conditional
                  conditions:
                    - entity: update.samba_share_update
                      state: 'on'
                  card:
                    type: custom:mushroom-update-card
                    entity: update.samba_share_update
                    icon: ''
                    name: Samba share
                    show_buttons_control: true

                - type: conditional
                  conditions:
                    - entity: update.terminal_ssh_update
                      state: 'on'
                  card:
                    type: custom:mushroom-update-card
                    entity: update.terminal_ssh_update
                    icon: fas:terminal
                    name: Terminal
                    show_buttons_control: true

                - type: conditional
                  conditions:
                    - entity: update.studio_code_server_update
                      state: 'on'
                  card:
                    type: custom:mushroom-update-card
                    entity: update.studio_code_server_update
                    icon: fas:terminal
                    name: Terminal
                    show_buttons_control: true

                - type: conditional
                  conditions:
                    - entity: update.cloudvdlinden_dsm_update
                      state: 'on'
                  card:
                    type: custom:mushroom-update-card
                    entity: update.cloudvdlinden_dsm_update
                    icon: mdi:nas
                    name: CloudvdLinden DSM Update

                - type: conditional
                  conditions:
                    - entity: binary_sensor.m3_van_leon_update_available_sensor
                      state: 'on'
                  card:
                    type: custom:mushroom-update-card
                    entity: binary_sensor.m3_van_leon_update_available_sensor
                    icon: phu:tesla-icon
                    name: Tesla M3 update
2 Likes

Love this! Thank you!
Is there a way to hide the object name so just the icon is visible? Use case: I have a grid set up for a bedroom. There is only one fan in there, so I don’t need a label or status, just the animated icon. Something like show_name: false. I may be missing it, apologies if I am!

try just setting a space as name, i think it ignores it then and the card gets smaller

1 Like

Hey,

you can do this by writing “entity” in your template. Like this:
{{ '#ff9800' if is_state(entity, 'on') else '' }}

2 Likes

Isn’t there anyone that can help me get those nice colourful circles around the icon even if the icon calls for a script, shows the alarm status and similar as the example in my post above? The UI looks inconsistent now.

I think there is something wrong with your theme. Which theme do you use ?

I’m using the Mushroom theme. If you add an entity card with a script call, do you get the colour circle?

“Dagens lunch” below launches a script. “Avlarmat” is the status of my home alarm as two examples.

When clicking “Dagens lunch” the script launches and I get the colour circle for a few seconds before disappearing.

The color is only applied when the entity is “active”. Disarmed is considered inactive. Armed state are active so the color will be applied.
The script is also inactive. It go to active a few millisecond when you toggle it. That can explain the color flickering when you toggle it. If you want script always colored. You can do it with a template card if :grinning:

hey all, is there a way to have all the cards appear they are part of one card. As you can see the from my example, the Solar card has its own shadowed border, i would like to extend this for the whole card??

3 Likes

Would it be possible to align the buttons (Alarmo and Update Card)?

82

Oh looks like an issue with the update card :sweat_smile:

1 Like

Is there a way to customize the text? I’ve only been able to return the code as the text.

tap_action:
  confirmation:
    text: >-
      {{ "Close the Gate?" if
      is_state('binary_sensor.front_gate_access_control_window_door_is_open','on')
      else "Open the Gate?" }}  

delete

Great, then it’s a feature and not a bug :slight_smile:

Used a template card instead of entity card and got it to work. Thank you!

Hi there,

Like everyone else I just love the mushroom cards and theming! I have added chip cards to the top of my mobile dashboard, but how can I remove the default home assistant headers? Just for my mobile dashboard having the chip cards at the top is the best look in my opinion. I can sweep right to get to the HA menu items will functionality without the headers is not affected. I tried turning on “full screen” in the companion app settings but it just removed the footer:

I would like to change this view:

To look like something like this: