Background colour of Media control Card

Configuration Frontend
1

I’ve got a theme from HACS… Catppuccin Macchiato. Everything is listening to theme except one card… the Media Control Card, which has the default blue background.

The card YAML is …

type: media-control
entity: media_player.lounge_music_player

The theme contains the following for cards…

  # Cards
  card-background-color: var(--surface0)
  ha-card-background: var(--card-background-color)

…so why isn’t the media control card listening to it please?

Obviously I’ve tried all sorts that I’ve been reading and I’ve even turned to AI with no help. I have also read of card-mod but I’m trying to do my best to work with vanilla before loading yet another extra into the system.

Grateful for advice and thoughts please.

2

It seems that the media control card is taking its colour from the “primary-colour” instead of the ha-card-background.

I altered this in the theme and it’s like the other cards.

  # Main Interface colors
  primary-color: var(--surface0)
  light-primary-color: var(--primary-color)
  accent-color: var(--yellow)
3

FYI, this is described in card-mod main thread → 1st post → link at the bottom → media-player

4

Thanks. I probably didn’t read it because I was trying to stay away from card-mod.