TabletUI: Dimmer Icon ändern

[stobor]

Hallo,
ich baue mir gerade eine Seite auf Basis der TabletUI. Jetzt möchte ich einen FS20-Dimer verändern. Derzeit ist er so konfiguriert:

Code Auswählen Erweitern

<div data-type="dimmer"
data-device="Dimmer"
data-get-on="on|dim[1-9][0-9]."
data-get-off="off"
data-set-on="on"
data-dim="dim"
class="FS20">
</div>


Bei anderen Elementen kann ich ja das Icon und deren Hintergrund über data-icons, data-colors und data-background-icon verändern. Z.B.:

Code Auswählen Erweitern

<div data-type="switch"
data-device="SteckdoseHochbeet"
data-icons='["fa-heart","fa-heart"]'
data-colors='["LightGray","yellow"]'
data-background-icon="-"
data-set-states='["on","off"]'
data-states='["off","on"]'
>
</div>


Wie kann ich denn bei dem Dimmer die Icons ändern (Icon und Farbe, sobald die Lampe eingeschaltet oder gedimmt ist oder aus ist)?

[yersinia]

Für das icon gibt es data-icon. Interessanterweise scheinen die Farbangaben nicht dokumentiert zu sein, aber hast du mal data-on-color und data-off-color bzw data-on-background-color und data-off-background-color versucht?

Code Auswählen Erweitern

<div data-type="dimmer"
data-device="Dimmer"
data-get-on="on|dim[1-9][0-9]."
data-get-off="off"
data-set-on="on"
data-dim="dim"
data-on-color="limegreen"
data-off-color="crimson"
data-icon="fa-heart"
class="FS20">
</div>
Zumindest scheint das widget die Attribute abzufragen.

[stobor]

Top, danke, das ist es.
Uns data-background-icon="-" lässt noch den Hintergrundkreis verschwinden.