I have been dealing some time with this and cannot get what I want which is same color for the shape, state independent,
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--icon-size: 80px;
color: rgba(61, 35, 228,1); !important;
clip-path: inset(0 0 0 0);
shape-color: rgba(60, 60, 60,1); !important;
}
@keyframes vroom {
49% { opacity: 1;}
50% { transform: translate(32px); opacity: 0; }
51% { transform: translate(-32px); opacity: 0; }
52% { opacity: 1; }
}
ha-icon
--icon-animation: vroom 2s ease-in-out 5;
--icon-symbol-size: 80px;
color: rgba(61, 35, 228,1);
}
.: |
ha-state-icon {
--card-mod-icon: mdi:run-fast;
##padding-right: 40px;
color: rgba(61, 35, 228,1);
shape-color: rgba(60, 60, 60,1); !important;
}
ha-card {
background-color: #ffffff;
##box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.9);
##border: 2px solid white;
}