Of course, but what I mean to say is that you spot the correction pretty quick and reply right away. haha
Anyway, any tips on the easiest way to change the background image of my dashboard?
I have uploaded an image in www under a newly created folder called pictures.
I think I am supposed to refer to it as /local/pictures/wallpaper_2.png
Does this go into Raw Configuration under views:?
Best way is probably to edit your theme. Great documentation on themes here:
And here:
When you have written a guide on how to style almost any element in the mushroom cards you tend to get quite familiar with the syntax so i can pretty quickly just see what is going wrong
Hi Folks,
I’ve been wrangling with code for days, basically I’d like when a certain electrical outlet is turned on the washing machine icon to use shake animation, I report the code, does anyone have any idea why nothing happens?
Dont know if this has been discussed before. but i have consistently wondered whether you could apply a box-shadow to the icon itself. and it is apparently possible which also means that you can animate it like this:
it is not technically a box-shadow. but it is a filter with the drop-shadow attribute.
Sorry is this a question or a statement? if it is a question, then yes. something like this should work:
card-mod-card-yaml: |
.: |
ha-card.type-custom-mushroom-light-card ha-state-icon{
{% if config.entity is defined %}
{% if states(config.entity) == 'on' and state_attr(config.entity, 'rgb_color') != none %}
color: rgba({{ state_attr(config.entity,'rgb_color') | join(', ')}}, 1) !important;
{% endif %}
{% endif %}
}
or if you just want to set it to whatever color based on the state of an entity you can do it like this:
card-mod-card-yaml: |
.: |
ha-card.type-custom-mushroom-light-card ha-state-icon{
{% if config.entity is defined %}
{% if states(config.entity) == 'on' %}
color: green !important;
{% else %}
color: red !important;
{% endif %}
{% endif %}
}
the first if defined check is just to ensure that the card wont be affected at all if no entity with that name exists. otherwise the icon would be colored with nothing which will look strange
not recommended to put your if statements so far outside of your targeted objects.
put your if statement inside the object you want to style, and then the only variable should be the specific thing you are changing in the object. in this case the color of the background of the shape. and then the clip path change in the icon.
2 objects being targeted, so better to have 2 if statements in this case. i also threw in an {% else %} for good measure. but it is not required
This is such a nice theme, really like the square icons. What I don’t like, is that the map is dark and very hard to read. I tried to figure out how to change this, but can’t… Would prefer a light colored map, even though the theme is dark.
Any ideas, can I change this in mushroom-square.yaml? Any help is greatly appreciated.
My solution strays a bit from the mushroom cards discussion because it doesnt edit the mushroom theme, or a mushroom card. but you can do this in the specific map card if you had it in a card.
Now since you dont have it in a card, i can understand why you would want to change it in a theme. but i have unfortunately not been able to find a way to do that.
So for now the only real solution i can offer you is to make a browser mod popup card that opens the map that you want and apply the above card_mod to it, instead of having the popup be more-info.
I had to try right away. Got your code implemented, works like a charm. I installed browser mod and now I am stuck!! I don’t have the hint of an idea how to implement a button for the pop-up…
Would prefer a light colored map, even though the theme is dark.
