Good morning everyone. First of all, it’s a great thread and I love reading it every day. I have little knowledge of HA, and I wanted to ask some questions about a card I made but I can’t modify it. It’s about the Alarm card. Here are my questions: 1. Could you change the color of the blue icon? I know that later it turns green when putting it together but that doesn’t matter to me. 2. The home arm icon is not visible because of the background image and the primary and secondary text is black. Can I modify it? 3. Below are 5 scenes of opening shutters/garage. They are conventional chips. I want to put a circle of color according to state, and the arrows that accompany it that are label: name, I wanted them to be located where they are. I hope I have explained myself well. Thanks for everything.
Came across you post and thought it still might be helpful for you or someone else although it’s nearly a year old.
I managed to get it working by putting card-mod: style| directly directly under the mushroom-chips-card instead of the indiviual chips.
I was looking something to animate my Spotify banner on my new design. I wanted to give it an ambilight kind of effect. Then I decided to use @rhysb multimedia card. I tweaked it and the result seems amazing.
Hello, I want to be able to open an android app that is on my wall tablet from the browsermod dash. I have been able to do this with fully kiosk, but it keeps crashing and reloading, hence using browser mod. I can put up with the devices top bar on show, and control the screen on and off with an external motion sensor (inbuilt one does not work), but I need the “app launch” from a button. I have tried lots of examples including the Android Webview . Any help would be greatly appreciated, Thanks.
As always awesome job! I have a some trouble implementing this and I’m not sure where it breaks for me. I have this padding that I cant get rid of. Its not shown whenever I’m in edit mode but is there when leaving it. I made the background black to make it stick out more.
Had the same problem and was able to fix it by adjusting the code by setting padding to 0
:host {
padding-left: 0px!important; /* <- new styling */
padding-bottom: 0px!important; /* <- new styling */
padding-right: 0px!important; /* <- new styling */
/* Add background to host to prevent transparent card */
border-radius: var(--ha-card-border-radius, 12px);
background: var(--card-background-color);
/* Assign album art color to variable used in sticky media player */
{% if is_state('media_player.currently_playing', ['playing', 'paused']) %}
--album-art-color: {{ states('sensor.muted_color') }};
{% else %}
/* Hide the sticky media player when it is idle */
display: none !important;
{% endif %}
/* Make the media player sticky at the bottom of the page */
position: sticky;
bottom: 12px;
}
I managed to adapt a climate card i found in this tread for my system. It is working well for my. My next step ist now to spin the fan icon in the chips area.
Unfortunatly even with @rhysb examples i did not manage to spin the icon.