Add background option to View header:

[Mariusthvdb]

Experimenting with the nice new header: feature in 2025.3.

having a header like

title: Welkom
icon: mdi:home
path: welkom
max_columns: 1
header:
  layout: responsive
  badges_position: top
  card:
    type: markdown
    card_mod:
      style: |
        ha-card {
          color: var(--primary-color);
        }

    text_only: true
    content: |
      {% set temp = states('sensor.ws_5500_outdoor_temperature')|float(-100) %}
      # Hallo {{ user }},
        het is {{states('sensor.vandaag')}} en
        buiten is het {{'min ' if temp < 0}}{{temp|abs}} graden.
# max_columns: 1
badges:
  - !include /config/dashboard/badges/badge_gevoelstemp.yaml
  - !include /config/dashboard/badges/badge_vandaag.yaml
  - !include /config/dashboard/badges/badge_activiteit.yaml
  - !include /config/dashboard/badges/badge_meteoalarm_brabant.yaml
  - !include /config/dashboard/badges/badge_bliksem_dichtbij.yaml

resulting in

It would be great to be able to set a background to the complete header.

(so not only to the markdown card, using the text_only: false option)

That way we could have the header sections truly stand out against the rest of the view.

Please consider adding an option for the background:

header:
  background: <color>, <url()>, theme.....  # <-----
  layout: responsive
  badges_position: top