Mushroom Cards - Build a beautiful dashboard easily šŸ„ (Part 1)

@rhysb out of curiosity is your media_player.currently_playing an aggregated media_player? If so would you mind sharing how you configured it?
Personally I have 1 physical media device, nvidia shield but in total multiple media players: shield, cast and depending number of plex cast source several others.

Hope this is the right place to askā€¦

Iā€™m trying to mimic the Mushroom ā€œperson cardā€ using a Mushroom ā€œtemplate cardā€ (creating person-like cards for my kids but with more control over badges etc.).

Iā€™ve noticed that the stock person card employs a greyed out person icon when the person is away, and an icon where the foreground is black (or white, in dark mode) when the person is home but with an identical background colour to the greyed out version.

Iā€™m struggling to mimic this using the template card. If I choose ā€œblackā€ for the icon colour, for example, then (a) this doesnā€™t work with dark mode and (b) the background colour also changes. Is there a simple way to achieve this without resorting to card-mod?

Can you share the code for that top nav bar please?

1 Like

Nice, thank you

would be great to see also a password protected card. When you press the button, switch, light you need to enter a passwordā€¦

4 Likes

Hi all,
Just wanted to check, has anyone made a card to show Synology entities like all the HDD bays status, bad sectors status etc?

Thanks

Is it a way to change the icon color for a chip? Iā€™ve read a lot of the post (not all the 4900) and at the beginning it seems that wasnā€™t possible. Now would it be?
Iā€™ve a sensor ā€œsensor.count_lights_onā€ that shows the count of all the light on. I would like to see gray if the value is 0 and if is greater amber for example. Iā€™m very new in template so forgive me is it is a stupid question or the wrong topic. Thanks!

Iā€™ve two chips, the first for the weather, the seconds for the lights on. Here is my yaml:

type: custom:mushroom-chips-card
chips:
  - type: weather
    entity: weather.forecast_casa
    show_conditions: true
    show_temperature: true
  - type: entity
    entity: sensor.count_lights_on
    icon: mdi:lightbulb-group
    content_info: state
    use_entity_picture: false
    icon_color: >
      {% set state = states('sensor.count_lights_on') %}
      {% if state | is_number and state | int > 0 %}
      amber
      {% else %}
      grey
      {% endif %}
alignment: center

I have been playing with the mushroom cards for a while trying to make the perfect, easy to use ā€˜whole homeā€™ dashboard (based in the den) to have on the google hub screens around the house. I am quite happy with where it has come so far as I have very little skill or knowledge when it comes to even simple code. mushroom with grid layout cards was the answer.

19 Likes

You can try this:


icon_color: >
  {% set state = states('sensor.count_lights_on') | int %}
  {% if state > 0 %}
    amber
  {% elif state < 1 %}
    disabled
  {% endif %}

Maybe you have to tweak the ā€˜elifā€™ part. I havenā€™t tested it myself.
I group my lights and depend the icon color based on ā€˜onā€™ / ā€˜offā€™.

can you add a multiple lights card? I love the light card and would love to have multiple lights within a single card.

1 Like

I have this card to show which player is playing and i would like to convert for using with mushroom media player card.
Can somebody help me to do this:

          - type: conditional
            conditions:
              - entity: sensor.media_state
                state: 'playing'
            card:
              type: entity-filter
              entities:
                - media_player.echo_plus
                - media_player.echo_show
                - media_player.echo_show_5
                - media_player.salotto_audio
                - media_player.nest_hub
                - media_player.google_home
                - media_player.google_home_mini
                - media_player.salotto
                - media_player.studio
                - media_player.tvsamsung
                - media_player.sky_q
                - media_player.cast_camera_letto
                - media_player.cast_salotto
                - media_player.kodi_cucina
                - media_player.kodi_panasonic
                - media_player.home
              state_filter:
                - 'playing'
                - 'on'

I think this is really well done, very well laid out and easy to understand. Do you have any issue contributing to the ever-growing library of code generated by this community? Can you share it?

Iā€™m struggeling for some hours now with this little piece of code. The text color stays default:

type: custom:mushroom-template-card
secondary: '{{ states(''sensor.dsmr_reading_electricity_currently_delivered'') | float(0) }}'
entity: sensor.dsmr_reading_electricity_currently_delivered
card_mod:
  style: |
    :host {
      color: 
      {% set huidig_verbruik =
      states('sensor.dsmr_reading_electricity_currently_delivered') | float(0)
      %}
      {% if huidig_verbruik < 0.3 %}
        green
      {% elif huidig_verbruik > 0.3 and huidig_verbruik < 1.0 %}
        orange
      {% elif huidig_verbruik > 1.0 %}
        red
      {% endif %}
        ;
    }

Does somebody know how to change text color with if/else statement?

I know this is several months old but I just stumbled on it and felt bad for not replying! Did you get what you needed above? There are 4 examples of such since your reply but if you still need help Iā€™m happy to explain! @cowboysdude

Hey wow your dashboard is awesome! What are you using for the Pool integrations? What system do you have that gets you all that information?!

Take a look at what Brewston did here:

Have a look here:

3 Likes

Is it possible to use these ā€œstack-in-cardsā€ in in vertical or horisontal cards?
Based on your screenshot the card is small, but when i test this i can only make it big.
Ideally i would like to have to of these cards pr line

I thought this would be really easy butā€¦how do I make the title and subtitle font size larger? Iā€™m talking two, three times as big - but just for a single title card.