Bubble Card Layout wie Standardkacheln

Dashboard/Cards/Frontend
,
1

Hallo zusammen,
ich nutze gerne die Standard Karten von HA aber auch die Bubble Card.
Leider habe ich keine Möglichkeit gefunden die Bubble Card so zu formatieren, dass sie optisch (also Hintergrund) mit der Standard Kachel von HA passt.
Beispiel:
image

Oben sind 2 Standard Kachelkarten und dann 2 Bubble Cards.
Die erste Bubble Card ist nicht formatiert und die 2. Bubble Card habe ich wie folgt angepasst:

styles: |
ha-card {
–bubble-main-background-color: rgba(40,40,40,0.7) !important;
}

Das passt dann z.B. für das Mushroom Template (Dark Mode) gut aber sobald ein anderes Template ausgewählt wird, passt es halt nicht mehr.

Die Frage ist also ob es eine Möglichkeit gibt die Bubble Card so zu formatieren, dass sie - egal welches Template - zu den Standard-Karten passt?

Danke und Gruß
Micha

2

Ich habe das (bei einer Bubble Select) so implementiert:

styles: |
  ha-card {
    --bubble-main-background-color: var(--primary-background-color) !important;
  }

Das hat bei mir auch mit themes die Dark/Light switch funktioniert.

4

Funktioniert bei mir leider nicht … ich denke, es muss noch irgendwie eine Transparenz mit eingestellt werden damit es so aussieht wie der Hintergrund einer Standard Karte…

image
Theme ist ios dark mode blue red

Hab ein Einstellung gefunden, mit der es recht gut passt:

styles: |
  ha-card {
    --bubble-main-background-color: var(--ha-card-background) !important;
  }

:crayon:by HarryP: Zusammenführung Doppelpost (bei Änderungen oder hinzufügen von Inhalten bitte die „Bearbeitungsfunktion“ anstatt „Antworten“ zu nutzen)

5

funktioniert aber leider nicht mehr, wenn zwischen dark und light gewechselt wird :frowning: