Kalender Karte transparent machen

Allgemein
1

Moin.

Ich habe mir ein Dashboard für ein Tablet gebastelt, was an der Wand hängt.
Ich habe da ein hintergrundbild eingefügt und soweit alle anderen Karten (bis auf Wetter online) 50% transparent gemacht.
Nur bei der Kalender Karte bekomme ich das ums verrecken nicht hin.

Ich benutze die HACS Integration card-mod um das bei den anderen Karten zu realisieren. Hier der Code:

type: vertical-stack
cards:
  - type: custom:digital-clock
    card_mod:
      style: |
        ha-card {
          background: rgba(255, 255, 255, 0.5);
          --primary-text-color: black;
         }
  - type: entities
    entities:
      - entity: person.janis_ozols
      - entity: person.ulrike_ozols
    card_mod:
      style: |
        ha-card {
          background: rgba(255, 255, 255, 0.5);
          --primary-text-color: black;
         }
  - type: iframe
    url: >-
      https://api.wetteronline.de/wetterwidget?gid=a2453&modeid=FC2&seourl=neumuenster&locationname=Neumünster&lang=de
    aspect_ratio: 75%
  - type: custom:mushroom-entity-card
    name: Wetter
    icon_color: primary
    fill_container: true
    layout: vertical
    icon: mdi:weather-cloudy-clock
    secondary_info: none
    entity: todo.bamsi_to_do_liste
    tap_action:
      action: navigate
      navigation_path: /tablet-dashboard/wetter
    hold_action:
      action: navigate
      navigation_path: /tablet-dashboard/wetter
    double_tap_action:
      action: none
    card_mod:
      style: |
        ha-card {
          background: rgba(255, 255, 255, 0.5);
          primary-text-color: black;
         }
  - type: entities
    entities:
      - entity: sensor.frank_arbeitsweg
      - entity: sensor.lisa_arbeitsweg
    title: Arbeitsweg in Minuten
    card_mod:
      style: |
        ha-card {
          background: rgba(255, 255, 255, 0.5);
          --primary-text-color: black;
         }

Das gleiche habe ich auch mit der Kalender Karte probiert, ohne Erfolg…

initial_view: listWeek
type: calendar
entities:
  - calendar.jumomind
  - calendar.familie
  - calendar.feiertage_in_deutschland
  - calendar.geburtstage_2
title: Familienkalender
card_mod:
  style:
    ha-full-calendar:
      $: |
        #calendar {background: transparent;
          min-height: 600px;
          background-color: rgba(255,255,255,0.5);
        }

Durch rumprobieren habe ich es einmal hinbekommen, dass der “Kasten/Karte”, in dem der Kalender angezeigt wird, transparent wurde, aber leider nicht das, wo die Kalender-Daten drin sind.

Vieleicht weiß ja jemand einen Rat. Derzeit macht es bei meinem Dashboard keinen Sinn ein Hintergrundbild einzurichten, da der KAlender vieles verdeckt.

2

Den Befehl gibt’s es auch noch:
opacity: 0.9;

3

Super!
Vielen Dank für den Tipp!

Hat super geklappt:

Wer noch Interesse hat hier mein Code Schnipsel für Card-mod:

card_mod:
  style:
    style: |
      ha-card {
        opacity: 0.5;
       }
    ha-full-calendar:
      $: |
        #calendar {
          min-height: 600px;
        }

Mfg

Janis

4

Hallo ich habe jetzt versucht meine Karte Transparent zu machen aber leider funktioniert es bei mir mit dem neuen Dashboard nicht mehr so. Die neuen Typen sind grid und markdown.

es kann auch sein das ich es komplett falsch mache da ich ein Anfänger bin und noch keine Erfahrungen im yml und co habe. Aber ich bekomme immer den Fehler das Style nicht geht oder er macht einfach nichts