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

[tpbillund]

Hi @Roflcopterer
How beautiful it is.
Good job…
I have a small issue, have used your code, but as you can see, I get a white background on my weather map and my buttons and not the clean nice background you get, what could be the reason?

[benchr]

Does the latest version fix it? Did for me

[NeeeeB]

Hi, is there any way to change the Icon color on the Mushroom Vaccum Card ?
Currently I do have this (the teal one), and it breaks my style :

Couldn’t figure out how to change the color…no property either in UI nor in Yaml.

[Roflcopterer]

Did you install “Card mod” as well? ( GitHub - thomasloven/lovelace-card-mod: 🔹 Add CSS styles to (almost) any lovelace card )

[gurreman]

@chicknlil25

within the app, and of the app itself), uninstalling Fully Kiosk and reinstalling it, rebooting the device several times - doesn’t seem to make a difference - it refuses to display that view with those cards.

Even trying to load it on Silk browser results in those cards not being visible.

I’m at a complete loss here. Any suggestions would be greatly appreciated.

Experiencing the same issue on an older iPad after the 2023.1 update I believe. Has worked for a year but now refuses to show any mushroom cards

Edit: Works after updating to the latest release of Mushroom carsd (2.5.2 released yesterday)

[tpbillund]

No, of course I haven’t, do I have to do that…
It’s done now and thank you very much, it works

[stban1983]

Great one!
I ve tried it but volume bar and volume buttons are not showing…Any idea?

[enricozorzi]

Hi, i want to resize my entity card but when i resize it remain a space betwen the card, somene know ho to remove it?
The code that i use is this:

type: custom:mushroom-template-card
primary: Cucina
secondary: ''
icon: mdi:knife
entity: switch.cucina
icon_color: |
  {% if is_state('switch.cucina', 'on') %}
    amber
  {% endif %}
tap_action:
  action: toggle
badge_color: ''
fill_container: false
multiline_secondary: false
card_mod:
  style: |
    :host {
      height: 90px;
      --mush-icon-size: 25px;
      --mush-icon-symbol-size: 0.7em;
      --mush-spacing:10px;
      
    }

thanks.

[rhysb (Rhys)]

You are trying to adjust the height of the Shadow Host. You need to adjust the height of the Card, like this:

card_mod:
  style: |
    :host {
      --mush-icon-size: 25px;
      --mush-icon-symbol-size: 0.7em;
      --mush-spacing:10px;
    }
    ha-card {
      height: 90px !important;
    }

[rhysb (Rhys)]

Does your media player entity support volume?

[rhysb (Rhys)]

You can change the Vacuum State Color for a specific card with card_mod like this:

card_mod:
  style: |
    :host {
      --mush-rgb-state-vacuum: var(--rgb-deep-orange);
    }

Or globally in your theme like this:

mush-rgb-state-vacuum: var(--rgb-deep-orange-color)

[NeeeeB]

Oh nice !! didn’t think about card-mod…
many thanks, greatly appreciated !!

[AINER]

There are Node-Red Companion and entities

[Mariusthvdb (Marius)]

been looking for this throughout the whole thread… so possibly missed it

what I am looking for is a regular card (like a tile card) for toggle entities, and have it show a lock, so we can not accidentally toggle it. If actually clicking it I need a confirmation.

Ive tried something like:

        - type: tile
          entity: switch.espresso_keuken
          name: Espresso
          tap_action:
            action: toggle
            confirmation:
              text: Are you sure you want to toggle?
            service: switch.toggle
            data:
              entity_id: entity

in core frontend, but the is silly really. Forst of all, as you can see we need to declare the entity twice, but more importantly, the confirmation only works when you click the name. Clicking the icon simply toggles right away without warning.

compared to old school entities :

for switch (top entity) or script (bottom entity). there’s no way around confirming…

can this be done using mushroom?
thx!

[Banditt]

Is there a way on a:
mushroom-light-card to have ‘show_color_control’ be dynamic based on an entity?

Like:

entity: light.wled
    show_color_control: |
      {% if is_state("input_boolean.someotherentity", "off") -%}
        false
      {%- else -%}
        true
      {%- endif %}

I have tried every combination of if/then and |, |+, > to start it I can find and nothing works. Any help would be appreciated.

Thanks!

[Tyfoon]

Did you look into restriction-card? However not sure if that can be combined with mushroom. Never tried

[stban1983]

Yes, it’s sonos device.It seems to be a graphical, if i click on the volume zone, it’s changing the volume. But i can’t see the volume bar or volume button.
I’ll try a screenshot tomorrow

[rhysb (Rhys)]

You can just do toggle without specifying the service:

tap_action:
  action: toggle
  confirmation:
    text: Are you sure you want to toggle?

You can disable the Tile Card icon action like this:

icon_tap_action:
  action: none

Otherwise love-lock-card gives a lot more control.

GitHub - CyrisXD/love-lock-card: Home Assistant Lovelace card to lock entire...

[rhysb (Rhys)]

You could try something like this:

card_mod:
  style: |
    .actions {
      {{ 'display: none !important;' if not is_state(config.entity, 'on') }}
    }
    mushroom-state-item {
      {{ 'margin-bottom: 0px !important;' if not is_state(config.entity, 'on') }}
    }

[rhysb (Rhys)]

Yes, both restriction-card and love-lock-card work with Mushroom.