Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[eXTreMe]

Hallo zusammen,

kann mir jemand sagen wie ich die Farbe des on/off Switches vom metro Dimmer Widget ändern kann?

Ich habe nur Einstellungsmöglichkeiten für den Dimmer Regler aber nicht für den on/off Schalter des Widgets.

Dieses grün gefällt mir nicht :-(

Vielen Dank vorab!
2665_metro_dimmer_switch_color.png

[pix]

Hallo,

du kannst den Schalter per CSS anwählen und mit !important die Farbsetzung übersteuern.

div#metroTile_w00154.tile.bg-transparent div.tile-content div div.input-control.switch label span.check {
    background-color: red !important;
}

w00154 ist hier die Widget-ID, bitte anpassen.

Der CSS Code muss in den Reiter CSS in den Widget-Eigenschaften in VIS.

Gruß

Pix

Edit: Hier ne kurze Variante ohne WIdget ID

div.input-control.switch label span.check {
    background-color: lightblue !important;
}

[eXTreMe]

klappt wunderbar, vielen Dank!

[andreaskos]

Hi zusammen!

Ich darf diesen Thread noch einmal aufgreifen, da ich mir die gleiche Frage gestellt hatte.

Dazu kommt noch bei mir: Wie ändere ich die Farbe der Griff-Fläche für den Switch?

Woher entnehme ich die verfügbaren Attribute, die ich im CSS setzen kann? Ich habe auf der Github-Seite von Metro-UI gesucht (zumindest hab ich's versucht), aber bin dort nicht wirklich fündig geworden.

LG