hello i have this card for my spotify now it shows the spotify icon that blinks when not playing and i would like it to show color red is that possible ?
type: custom:mushroom-media-player-card
entity: media_player.spotify_jarne_roussard
media_controls:
- on_off
- previous
- play_pause_stop
- next
- shuffle
- repeat
use_media_info: false
show_volume_level: true
volume_controls: []
layout: vertical
tap_action:
action: call-service
service: script.g
data: {}
target: {}
double_tap_action:
action: call-service
service: script.gv
data: {}
target: {}
card_mod:
style: |
mushroom-shape-icon {
display: flex;
{% set media_type = state_attr(config.entity, 'media_content_type') %}
{% if media_type == 'music' %}
--card-mod-icon: mdi:spotify;
animation: flicker 1s linear infinite alternate;
{% else %}
--card-mod-icon: mdi:spotify;
--icon-color-disabled: rgb(var(--rgb-red));
--shape-color-disabled: rgba(var(--rgb-red), 0.2);
{% endif %}
}
@keyframes flicker {
0%, 31.98%, 32.98%, 34.98%, 36.98%, 39.98%, 67.98%, 68.98%, 95.98%, 96.98%, 97.98%, 98.98%, 100% { --icon-color: rgba(var(--rgb-green), 1); }
32%, 33%, 35%, 36%, 37%, 40%, 68%, 69%, 96%, 97%, 98%, 99% { --icon-color: rgba(var(--rgb-green), 0.6); }
}
@keyframes beat {
0%, 60% { --icon-symbol-size: 21px; }
5%, 17%, 57% { --icon-symbol-size: 22px; }
10%, 20%, 51% { --icon-symbol-size: 23px; }
25%, 45% { --icon-symbol-size: 24px; }
30%, 39% { --icon-symbol-size: 25px; }
33% { --icon-symbol-size: 26px; }
}
ha-card {
{% if not is_state(config.entity, 'inactief') %}
background: rgba(var(--rgb-card-background-color), 0.6) url( '{{ state_attr(config.entity, "entity_picture") }}' ) center no-repeat;
background-size: cover;
background-blend-mode: overlay;
{% endif %}
}