ich versuche gerade die Farben von der Müllerinnerung von Smarthome Bastler zu ändern, ohne Erfolg.
Es handelt sich um eine POP-UP Karte, die geöffnet wird, wenn morgen Müll raus muss. Per Knopf kann diese auch manuell geöffnet werden. Diese sieht mit dem Skin noctis so aus:
Wenn ich den Code, der von Smarthome Bastler bereits dort eingefügt wurde, ändere, sehe ich die korrekte Farbe auf der rechten Seite. Wenn ich aber wieder auf dem Dahsboard bin, sieht das POP-UP immer wieder so aus, wie auf dem ersten Bild oben.
Weder verstehe ich genau, auf welches Projekt Du Dich beziehst, noch was Deine Änderungen und in diesem Zusammenhang Deine Frage ist.
Grundsätzlich solltest Du etwas mehr Informationen mitliefern, wenn Du sinnvolle Antworten erwartest.
Dass jede*r erstmal nach dem Projekt sucht, um sich damit vertraut zu machen, um dann zu rätseln was Dein Problem sein könnte, wirst Du vermutlich nicht erwarten, oder?
sorry, dachte die Sachen von Smarthome Bastler wären gut bekannt hier.
Es dreht sich also um das Addon waste_collection_schedule. Hier wurde von Smarhome Bastler eine Erinnerung und eine Karte geschrieben, die ein POP-UP verursacht und auf der Karte die jeweilige Mülltone für morgen blinken lässt. Das habe ich alles soweit realisiert und funktioniert auch echt sehr gut und sieht obendrein toll aus. Vor allem die Karte selber. Das POP-UP wollte ich eben farblich nach meinen Wünschen anpassen, wo wir bei meinem Thema wären.
Es geht um das POP-UP was sich öffnet. Hier wollte ich einfach die Farben des POP-UP ändern.
In der Karte ist ja unten unter css bereits ewas mit Farben eingestellt. Wenn ich dort etwas anderes schreibe, ändern sich die Farben aber nicht. Ich gehe davon aus, dass der Theme noctis alles überschreibt, oder?
dann verlinke doch einfach die Seite, damit man sich da selbst ein Bild von machen kann, dann musst Du auch nur noch das beschreiben, was Du gemacht hast, in der Karte, die Du oben gezeigt hast, gibt es ein unten links, Code Editor anzeigeb dann hier alles in Code Tags </> ist oft besser als es in der GUI zu zeigen.
OK. Ich bin exakt nach diesem Video vorgegangen. Ist wohl eine neuere Version, wo eine Excel zur Verfügung gestellt wird, damit es auch für Dummies wie mich ist
Mein Code der POP-UP sieht aktuell so aus:
type: custom:popup-card
dismissable: true
size: normal
entity: input_button.mullerinnerung_button
style: |-
--popup-background-color: rgba(155,30,30,0.95);
--popup-border-color: rgba(255,10,0,1);
--popup-max-width: 1500px;
--popup-min-width: 1100px;
title: Nicht vergessen!
card:
type: vertical-stack
cards:
- type: picture-elements
image: /local/muell/bg_muell_trans.png
elements:
- type: image
entity: sensor.mullabholung_morgen
image: /local/muell/1x1_transparent.png
state_image:
die Papier, Grau, Gruen und BIO Tonne: /local/muell/popup/BLT_SZT_GNT_BNT.png
die Grau, Gruen und BIO Tonne: /local/muell/popup/SZT_GNT_BNT.png
die Papier, Gruen und BIO Tonne: /local/muell/popup/BLT_GNT_BNT.png
die Papier, Grau und BIO Tonne: /local/muell/popup/BLT_SZT_BNT.png
die Papier, Grau und Gruen Tonne: /local/muell/popup/BLT_SZT_GNT.png
die Papier und Grau Tonne: /local/muell/popup/BLT_SZT.png
die Papier und Gruen Tonne: /local/muell/popup/BLT_GNT.png
die Papier und BIO Tonne: /local/muell/popup/BLT_BNT.png
die Grau und Gruen Tonne: /local/muell/popup/SZT_GNT.png
die Grau und BIO Tonne: /local/muell/popup/SZT_BNT.png
die Gruen und BIO Tonne: /local/muell/popup/GNT_BNT.png
die Papier Tonne: /local/muell/popup/BLT.png
die Grau Tonne: /local/muell/popup/SZT.png
die Gruen Tonne: /local/muell/popup/GNT.png
die BIO Tonne: /local/muell/popup/BNT.png
keine: /local/muell/popup/Keine.png
style:
left: 50%
top: 57%
width: 90%
camera_view: live
- type: custom:button-card
show_name: false
show_icon: false
show_state: true
entity: sensor.mullabholung_text_morgen
styles:
state:
- text-overflow: unset
- white-space: unset
- word-break: break-word
- font-size: 2vw
- color: var(--primary-color)
- font-family: arial
- text-shadow: 2px 1px grey
card:
- background: transparent
- border: transparent
style:
top: 8%
left: 50%
width: 90%
card_mod:
style: |
ha-card {
background: transparent;
border: none
}
right_button: rechts
left_button: links
