Überschriften Farben

Dashboard/Cards/Frontend
1

Ich habe mir für meine Dashboards verschiedene Hintergrundbilder, immer passend zum Raum erstellt. Das führt aber dazu, dass die ein oder andere Überschrift schlecht lesbar ist. deswegen würde ich die spezifisch für diese eine Überschrift ändern wollen, weil bei anderen passt es wieder gut mit der Lesbarkeit.
Habe auch Beschreibungen wie:

card_mod:
  style: |
    h1 {
      color: red !important;
    }

oder

type: custom:mod-card
card_mod:
  style: |
    h1 {
      color: red !important;
    }
card:
  type: grid
  title: Meine Überschrift
  cards:
    - type: entities
      entities:
        - entity: light.kitchen

gefunden und probiert, jedoch tut sich irgendwie nichts.

Kennt wer eine Lösung?

2

Habe jetzt selbst eine Lösung gefunden:

type: markdown
content: |
  <h1 style="color: white !important; font-weight: bold; font-size: 2em;">
    Text
  </h1>
card_mod:
  style: |
    ha-card {
      background: none !important;
      box-shadow: none !important;
      border: none !important;
      padding: 0 !important;
      color: white !important;
    }