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

what yellow color name did you use in the chip “434 w”?

Its just using amber :slight_smile:

1 Like

Hi,

I installed a new Home assistant on my Pi4.
When i try to find a custom mushroom card nothing is showing up.

I did got the warning when installing mushroom that LOVELACE was not in storage mode. I have to add the source like this url: /hacsfiles/lovelace-mushroom/mushroom.js type: module

How can i get LOVELACE in storage mode or add the source manually?

1 Like

Did you activate advanced mode? Go and check in your profile.

hi, fancy card - is there the possibility to share your “garbage” cards code?

is it possible to display the battery in the vacuum?
For the time being it would be enough for me if I could at least put this in the name.

example:
name: '[[[ return '(entity.attributes.friendly_name) - ${states[''sensor.vacuum_baterie''].state}' ]]]'

It’s already there:

And thank you! :slight_smile:

Can you please share the code how you did the person popup?

        - type: entity
          entity: person.person
          use_entity_picture: true
          tap_action:
            action: fire-dom-event
            browser_mod:
              command: popup
              title: person Info
              card:
                type: custom:vertical-stack-in-card
                cards:
                  - type: entities
                    entities:
                      - entity: person.person
                        secondary_info: last-updated
                    show_header_toggle: false
                    state_color: false
                  - type: history-graph
                    entities:
                      - entity: person.person
                    hours_to_show: 24
                    refresh_interval: 0
                  - type: conditional
                    conditions:
                      - entity: person.person
                        state: home
                    card:
                      type: glance
                      entities:
                        - entity: sensor.person_eta_work
                          name: ETA Work
                        - entity: sensor.person_phone_geocoded_location
                          name: Location
                        - entity: sensor.person_phone_battery_level
                          name: Battery
                        - entity: binary_sensor.person_phone_wifi_state
                          name: WiFi
                      show_name: true
                      show_icon: true
                      show_state: true
                  - type: conditional
                    conditions:
                      - entity: person.person
                        state_not: home
                    card:
                      type: glance
                      entities:
                        - entity: sensor.person_eta_home
                          name: ETA Home
                        - entity: sensor.person_phone_geocoded_location
                          name: Location
                        - entity: sensor.person_phone_battery_level
                          name: Battery
                        - entity: binary_sensor.person_phone_wifi_state
                          name: WiFi
                      show_name: true
                      show_icon: true
                      show_state: true
                  - type: map
                    entities:
                      - entity: device_tracker.person
                      - entity: zone.home
                      - entity: zone.1
                      - entity: zone.2
                      - entity: device_tracker.sonata
                    hours_to_show: 0
                    aspect_ratio: '16:12'
4 Likes

Thank you very much!

Trying to edit some theme variables but nothing i add makes any effect.

I add my variables to mushroom.yaml

I am sure i am doing something wrong. Could anyone show me a typical snippet on how you add your variable?

Clear your browser cache

Have you reloaded via frontend.reload_themes ?

I’m trying to affect the alignment of template, fan, and entity cards that are combined in a horizontal stack-in-card. I can do this easily with chip cards, but cannot seem to get it to work with these other type of cards.

Here’s what I’m using in both cases:

            - type: custom:stack-in-card
              mode: horizontal
              card_mod: 
                style: |
                  ha-card {--chip-box-shadow: none;}
              alignment: justify
              cards:

Any suggestions?

I tried it and it doesn’t work.
An example would be good, but I didn’t find anything.
Did you succeed?

The Github page provides a full example how to use the theme.

Is there a way to put a chip at the end (right hand edge) of a template card?

I want to have a drop-down type toggle chip that then expands and contracts further information if possible?

Yes, I have created my own theme accordingly.
For example, when I change: mush-rgb-state-entity: var (-- mush-rgb-blue) on mush-rgb-state-entity: var (-- mush-rgb-lime)
nothing changes, the color is still blue

Just an idea

vertical-stack-in-card
  template card
  chip (alignment right) with input boolean
  conditional card based on the input boolean
  card mod stuff


Almost what I’m looking for except the chip sits slightly lower than I’d have liked. I wanted the chip level with the template card if possible?