Card background color inconsistent between mushroom-template-card and standard HA cards

Configuration Frontend
1

I'm using the Mushroom Shadow theme and have a dashboard with a mix of card types:

  • custom:mushroom-template-card
  • energy-distribution
  • energy-grid-neutrality-gauge
  • custom:apexcharts-card
  • custom:bar-card

The standard HA energy cards and bar-card show background color rgb(28, 28, 30) = #1c1c1e which looks great. But the mushroom-template-cards show a slightly lighter grey background, making the dashboard inconsistent.

I've tried:

  • card_mod with ha-card { background: #1c1c1e !important; }
  • card_mod with :host { --ha-card-background: #1c1c1e !important; }
  • Setting ha-card-background, card-background-color and mush-card-background-color in a custom theme yaml

None of these work. The mushroom cards keep their own background color regardless.

Question: How can I force all mushroom-template-cards to use exactly #1c1c1e as background color, matching the other cards on my dashboard?

HA version: latest
Mushroom cards version: latest
card-mod version: latest

image
image1606×943 102 KB