Entfernen der Backgrounds von Mushroom-Icons über ein Theme

Dashboard/Cards/Frontend
1

Liebes Forum,

ich möchte gerne die Backgrounds der Mushroom-Icons auf dem Dashboard global über mein eigenes Theme entfernen. Als Basis benutze ich das Theme “Mushroom Square Shadow”. Dies möchte ich überschreiben.

  1. Normalerweise sehen die Icons das so aus:
    image

  2. Nach dem weiter unten angegebenen “card-mod”-Code sieht das dann so aus:
    image

Pro Entity geht das mit folgenden Zeilen:

card_mod:
  style:
    mushroom-shape-icon$: |
      .shape {
        background-color: transparent !important;
      }

Ich möchte gerne, dass es global über mein Theme so aussieht, wie Nummer 2).

Das Theme “Mushroom Square Shadow” sieht so aus.

# DO NOT EDIT THIS FILE.
# This file will be reset with updates.
# If you want to customize it, copy the content in another folder and file and change the name.
# https://www.home-assistant.io/integrations/frontend/#defining-themes
Mushroom Square Shadow:
  # Home Assistant override
  ha-card-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16)
  ha-card-border-width: 0
  ha-card-border-radius: 6px
  ha-badge-border-radius: 6px
  # Layout
  mush-spacing: 8px
  # Elements
  mush-icon-border-radius: 6px
  mush-control-border-radius: 6px
  # Chips
  mush-chip-border-radius: 6px
  modes:
    light: {}
    dark: {}

Aber ich scheitere daran, dies in meiner myStyle.yaml zu überschreiben.

Damit geht es nicht: mush-icon-background-color: transparent !important

und damit auch nicht: mush-icon-shape-background-color: transparent !important

und damit auch nicht: mush-shape-icon-background-color: transparent !important

Ich bin in CSS leider nicht so richtig fit. Ob Ihr mir weiterhelfen könnt?

Herzlichen Dank.