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

[Posreg (Daros)]

These are the sensors from places integration https://github.com/custom-components/places
allowing to show exact location based on the device tracker

it is great, I;m monitoring my wife;s travel from work to home

[image969 (James Scialdone)]

@Danny2100

          mushroom-shape-icon {
          --shape-color: none !important;
          --shape-color-disabled: none !important;}

Does anyone know what the name of the SLIDER is? Using the code above is able to change the icon color, but I don’t know how to do slider and have been at this for almost a week.

[cowboysdude (John Wade)]

That’s pretty awesome!!! Thank you again… I downloaded it installed it but it’s time for work so I’ll have to play later

[swifty]

Are you trying to change the slider color for the light control? - Try this;

        mushroom-light-brightness-control {
          --slider-color: green !important;
          --slider-bg-color: grey !important;
        }

[Posreg (Daros)]

no problem, happy to help!
You can show your result afterwards, maybe there are some other ideas we can get from your dashbooard

[cowboysdude (John Wade)]

Gotta get the styling under control hahahahha right now it’s totally vertical… need to get them horizontal… that’s the ONE thing that always messes me up…

[image969 (James Scialdone)]

Omg you have solved this for me lol thank you

One last thing, I can change the icon to match slider color successfully, but how can I had transparency to the circle glint around the icon so this still look exactly like a light card?

[image969 (James Scialdone)]

Got it . RGB(255, 255, 255, .2) Nvm. Thanks for the help with the name of the slider

[image969 (James Scialdone)]

To any one that wants to know how to change the color of everything on a Mushroom Light Card, here it is. Because I couldn’t find this anywhere.

card_mod:
  style: |
    mushroom-shape-icon {
    --icon-color: rgba(255, 210, 153) !important;
    --shape-color: rgba(255, 210, 153, 0.2) !important;
     }
    mushroom-light-brightness-control {
          --slider-color: rgba(255, 210, 153) !important;
          --slider-bg-color: #333333 !important;
        }

[amfadten]

nice work
can you share rest of your tabs

[KTibow (Kendell R)]

Here’s my current dashboard.

The generation before it:

My older one:

[SpookyAwol]

With the template card, is it possible to code the action (or other) methods? (For a specific logged in user)
Ive tried a few different formats with no success

hold_action:
  action: {%if user=='Joe'%}more-info{%else%}none{%endif%}

[KTibow (Kendell R)]

Why do you want to do this? I’m curious because https://xyproblem.info/.

[SpookyAwol]

If that is in reference to my problem, then I can show you the 10 different ways Ive tried, but the first question is, is it possible?. The second is, if so, is there a working example you can share?

[KTibow (Kendell R)]

My question is what are you trying to make with this. You could always use a conditional card and have 2 different versions of the entire card, but that’s for entities.

[SpookyAwol]

(Apologies - for clarity, conditional on the logged in user)
I didnt think the conditional card worked with the logged in user?

[KTibow (Kendell R)]

Yes, that’s what I meant by

@KTibow

but that’s for entities.

Anyway, could you please tell me why you want to do this? My guess is that you want to stop users from controlling stuff that they shouldn’t be able to control, but I really want to know what you would do with this.

[SpookyAwol]

Correct, I want to allow button press > more-info for some users (ie detect logged in user) and not others.
So customize what some users can see. Or am I missing something obvious?

[KTibow (Kendell R)]

Wait, is there such a thing as a guest user (a not logged in user) in your Home Assistant?

[Kelvin (kelv)]

Can you change the mdi icon to a image in your local folder, if so how?
Thanks