Monatsrückblick Januar/Februar 2026 ist online!

[berndroid]

Hallo zusammen,

gibt es eine Möglichkeit, die Farben der "Leuchten" links von den Instanzen zu ändern? Ich habe eine Farbsehschwäche und kann die Rot- und Grüntöne die hier verwendet werden nur mit sehr viel Mühe und Vergrößerung der Darstellung voneinander unterscheiden. Kann ich irgendwo im entsprechenden css selbst was ändern? Wenn ja, wo denn? Lässt sich in den Einstellungen nicht eine Option einbauen, die Farben zu ändern? Ich bin ja sicher nicht der einzige der das Problem hat.

[Stabilostick]

Out-of-the-box geht das nicht. Die Ampel ist wie folgt definiert. Vielleicht kannst damit ja etwas anfangen und eine eigene CSS dahinter legen.

 /* -------------------------- LEDS ------------------------------------ */

.led-all, .led-green, .led-yellow, .led-gray, .led-red, .led-orange, .led-blue {
    border-radius: 50%;
    box-shadow: #555D0D 0 0 1px 1px, rgb(68, 111, 68) 0 0 0, inset #e44949 0 0 0;
    height: 0.9em;
    width: 0.9em;
    margin-left: 0.6em;
}

.led-red {
    background-color: #FF9999;
}

.led-green {
    background-color: rgb(134, 214, 134);
}

.led-yellow {
    background-color: #A90;
}

.led-orange {
    background-color: #F7E43B;
}
.led-blue {
    background-color: #4AB;
}
.led-gray {
    background-color: #bababa;
}

[berndroid]

Danke dir. In welcher Datei finde ich denn das was du gepostet hast?

[Stabilostick]

Meine Meinung, vorsicht, stecke nicht tief drin:

Mache lieber eine eigene CSS und lade die mit der html-Seite des Admins und überschreibe das vorhandene gezielt.

[berndroid]

Ah ok. Etwas genauer müsste ich es schon wissen, weil "mache lieber ne eigene css" ist für mich in etwa das gleiche wie "schreibe ne Abhandlung über Quantenphysik" ;)

[Stabilostick]

Was würdest Du Dir denn als Darstellungsergebnis wünschen?

[berndroid]

Für Rot ein (255,0,0)

und Grün entsprechend (0,255,0)

[Stabilostick]

Also das Extreme. Ist das allgemein für alle Betroffenen bei Farbenblindheit ausreichend? Oder müsste das Symbol anders sein (Dreieck, Kreis, Quadrat, argh - x-Stück [emoji854]).

Entschuldigung, dass ich frage, musste aus beruflichen Gründen nachweisen, dass ich nicht farbenblind bin: was sieht ein Farbenblinder da? Einfach die gleiche Farbe für rot und grün oder grau oder?

[Ein ehemaliger Benutzer]

Hallo Berndroid,

darf ich fragen welchen Browser Du verwendest?

Da wir eine Forschungsstelle sind, müssen wir in unseren Projekten (arbeiten hier auch mit IoBroker ) auch Menschen mit Behinderung adressieren.

In den meisten Fällen konnten wir mit Browser Plugins weiterhelfen.

Falls Du es mal mit Chrome versuchen willst, dann lade Dir bitte das Plugin "Color Enhancer" oder "High Contrast".

Herzliche Grüße

Equilora aka Harald

[berndroid]

Ich kann nur für mich reden. Im ioBroker sind die gewählten Farben für mich absolut identisch. Sie könnten grün oder auch rot sein. Gerade bei so kleinen Flächen lässt sich das nicht auseinander halten. Mit extremer Vergrößerung geht es aber. Mit den Extremen käme ich wohl klar, ob für andere Symbole hilfreich wären, kann ich nicht beantworten.

@eqilora Oje. Sorry, aber das Bild sieht scheußlich aus. Kann man in dem Plugin die Farben anpassen? Chrome nutze ich hauptsächlich, allerdings gibt es das Plugin wohl nicht für die mobile Version, oder?

[Stabilostick]

Danke für die Informationen. In bin gespannt, ob Dir Harlads Antwort hilft…

[berndroid]

Habs jetzt mal getestet. Danke für den Hinweis Harald. Funktioniert an sich ganz gut. Mit den Einstellungen lässt sich zwar Rot und Grün unterscheiden, allerdings wird bei mir das Rot zu einem blassen etwas. Und leider nicht nur im ioBroker, sondern auf allen Seiten. Da fände ich es angenehmer, am css des Brokers zu basteln.

[Ein ehemaliger Benutzer]

@berndroid:

Ich kann nur für mich reden. Im ioBroker sind die gewählten Farben für mich absolut identisch. Sie könnten grün oder auch rot sein. Gerade bei so kleinen Flächen lässt sich das nicht auseinander halten. Mit extremer Vergrößerung geht es aber. Mit den Extremen käme ich wohl klar, ob für andere Symbole hilfreich wären, kann ich nicht beantworten.

@eqilora Oje. Sorry, aber das Bild sieht scheußlich aus. Kann man in dem Plugin die Farben anpassen? Chrome nutze ich hauptsächlich, allerdings gibt es das Plugin wohl nicht für die mobile Version, oder? `

Hallo Berndroid,

für die Farben kann ich nichts, ich versuche Hilfen und Hinweise zu geben welche marktüblich angeboten werden.

High Contrast z.B unterstützt verschiedene Profile, die Einstellungen können ein Google Profile vorausgesetzt in der Cloud hinterlegt werden und sind damit auch den anderen Chrome Instanzen z.B mobile Devices verfügbar.

https://chrome.google.com/webstore/cate … essibility

Der Color Enhancer bietet auch die Möglichkeit Profile auszuwählen und diese zentral Abzulegen, damit diese auf andere Geräte übertragen werden können, auch hier ein Google Profile vorausgesetzt.

Herzliche Grüße

Equilora aka Harald

[berndroid]

@equilora:

für die Farben kann ich nichts, ich versuche Hilfen und Hinweise zu geben welche marktüblich angeboten werden. `

Klar, sollte auch augenzwinkernd gemeint sein ;)

Ich gehe jetzt mal ne Runde schlafen und suche weiter im css nach den LEDs. Alles andere bringt zu viel durcheinander. Auch weil ich nicht der einzige bin der hier am Rechner sitzt. Und wenn dann überall die Farben komisch sind, gibts Mecker ;)

[Ein ehemaliger Benutzer]

Gegen mecker hilft… Shift+F11

[Stabilostick]

Also bei mir war es die Datei ….iobroker\node_modules\iobroker.admin\www\css\app.css

Dort z.B. nach ".led-green{background-color:" gesucht.

[Ein ehemaliger Benutzer]

@Stabilostick:

Dort z.B. nach ".led-green{background-color:" gesucht. `

Mein Ex-Cheffe musste in die Tüte atmen, wenn wir innerhalb der Core Files in der Kundenproduktion und im Auslieferungsstand die Style Sheets angepasst haben… :D :D :D

Herzliche Grüße

Equilora aka Harald

[Stabilostick]

Siehe meine ersten Posts oben [emoji56]

Vor allem bei einem Update istˋs wieder weg.

[Ein ehemaliger Benutzer]

@Stabilostick:

Vor allem bei einem Update istˋs wieder weg. `

Tütenatmung vs. Supportverträge…... :mrgreen:

Irgend eine Kröte muss man halt fressen.... ich mag Pommes und ne kühle Coke oder nen Edelstoff dazu.

Gruß aus Bayern

Equilora aka Harald