Can't figure out to change header text color

Configuration Frontend
1

I have this code:

type: custom:mod-card
card_mod:
  style:
    $: |
      .type-custom-mod-card .card-header {
        color: red !important;
      }
card:
  type: grid
  square: false
  columns: 1
  title: Zonnepanelen
  card_mod:
    style:
      $: |
        .type-custom-mod-card .card-header {
          color: red !important;
        }
  cards:
    - type: grid
      columns: 5
      square: false
      cards:
        - type: custom:mini-graph-card
          entities:
            - entity: sensor.energie_solar_voor1_total_info
          show:

But I can’t figure out how to change the header title padding and color… Some knows how to get this working?

Regards,
Robert

2

I can change the header color with:

type: custom:mod-card
card_mod:
  style: |
    ha-card {
      color: red !important;
    }
card:
  type: grid
  square: false
  columns: 1
  title: Zonnepanelen
  card_mod:

But I need to get to the h1 itself, because I want to add a pseudo-element to it so I need something like this:

type: custom:mod-card
card_mod:
  style: |
    ha-card h1.card-header::before {
      color: red !important;
    }
card:
  type: grid
  square: false
  columns: 1
  title: Zonnepanelen
  card_mod: