Bubble Card Hintergrundfarbe von Pop Ups

[I.V]

Hallo zusammen,

ich habe einige Visualisierungen über Bubbel Cards und den Pop Ups.
Bei den Pop Ups habe ich das Problem dass ich ihnen zwar eine Farbe zuweisen kann, aber sie haben dennoch einen Grau Schleier davor, was das Ganze dann dunkel macht.

Viele meiner Dashboards sind schon sehr Dunkel, wodurch die Lesbarkeit der Pop Ups nicht gerade gut ist.

Weiß jemand, wie ich den Grauschleier in den Pop Ups abschalten kann?

In dem Bild kann man den Grauschleier und unten in den Ecken die richtige Farbe sehen.

Viele Grüße
Ingo

[jayjojayson]

Moin, du kannst den Hintergrund der bubble-card wie folgt bearbeiten. Über bg_color kannst du den Background einstellen. Denke mal das meinst du mit „Grauschleier“.

type: custom:bubble-card
card_type: pop-up
hash: "#wetter"
show_header: false
bg_color: rgb(43 53 71)
shadow_opacity: 0
width_desktop: 650px
margin_top_desktop: 10vh

Beispiel für ein PopUp:

type: vertical-stack
cards:
  - type: custom:bubble-card
    card_type: pop-up
    hash: "#wetter"
    show_header: false
    bg_color: rgb(43 53 71)
    shadow_opacity: 0
    width_desktop: 650px
    margin_top_desktop: 10vh
  - type: iframe
    url: >-
      https://radar.wo-cloud.com/mobile/embedded?wrx=53.367,15.067&wrm=8&wry=53.367,15.067
    aspect_ratio: 100%

[I.V]

Hey,

Jap, das mit dem bg_color funktioniert.
Ich habe versucht, der Farbe eine Transparents zu geben, aber das geht nicht.

Mein Versuch:
bg_color: rgba(43, 53, 71, 0.5)

Weißt du wie ich das hinbekomme?

[jayjojayson]

Hi, leider nein. Ich habe gerade nochmal ein wenig herumprobiert, bekomme aber den Hintergrund vom Popup selber nicht verändert. Egal wie ich es versuche. Habe zum testen natürlich die bg_color Zeile im Card-Code entfernt. Hier habe ich es überall versucht.

Vielleicht einfach mal direkt im Github bei der bubble card melden, entweder die haben eine Antwort oder implementieren es eventuell.

[I.V]

Ich danke dir dennoch für deine Mühe!

Viele Grüße
Ingo