Bubble Cards im hellen Modus

Dashboard/Cards/Frontend
1

Hallo zusammen,

neuer Herbst, neues Dashboard :slight_smile:

Ich tüftel auch gerade am neuen Dashboard nach der Inspiration von Simon und die Bubble Cards gefallen mir echt super und kommen im jetzigen Dashboard schon teilweise zum Einsatz. Jetzt habe ich ein Problem im hellen Modus.

Diesen nutzt meine Frau. Hier wird das Theme zwar von Popup angepasst aber die Buttons bleiben dunkel und die Separator blehalten ihre weiße Schrift.

image
image569×841 34.7 KB

Weiß jemand wie ich das entsprechend anpassen kann?

Edit: Das scheint am ios Theme zu liegen. Wenn ich das deaktiviere passt es jetzt.

image
image566×425 11.6 KB

2

hier ein paar Styling-Beispiele (hoffe es ist selbsterklärend):

styles: |
  * { 
    font-size: 14px !important;
  }
  .bubble-icon {
    --mdc-icon-size: 28px !important;
    color: ${hass.states[entity].state === 'off' ? 'green' : 'red !important;
  }
  .bubble-button-card-container {
    background: var(--card-background-color) !important;
  }
  .bubble-sub-button-icon {
    --mdc-icon-size: 26px !important;
  }
3

Vielleicht mal das Modul testen: