[Gelöst]Icon-Handling in unterschiedlichen Styles

[Gueco315]

Hallo Zusammen,

ich habe einen Floorplan im IOS7 Style entwickelt und möchte nun mit FHEM insgesamt auf den für mich schickeren Dark-Style wechseln.
Beim Flooplan sind die unterschiedlichen CCS hinterlegt, bei IOS der ios7floorplanstyle.css, bei dark das darkfloorplanstyle.css. Soweit so gut.
Die Schriftgröße der Aktoren konnte ich mittels Anpassung der darkfloorplanstyle.css-Datei schon korrigieren.

Was mich noch stört ist die Darstellung der devstate-ICONS im Floorplan. Ich benutze gerne solche devstate-Icons:

Code Auswählen Erweitern

on:shutter_open off:shutter_closed oder

Code Auswählen Erweitern

on:remotecontrol/black_btn_GREEN off:remotecontrol/black_btn_RED. Im Darkstyle werden diese aber nicht sauber, also irgendwie verfranzt dargestellt.

Welcher Wert im CSS ist dafür verantwortlich, wie kann ich das ändern?

Danke und Gruß
Günter

[rudolfkoenig]

Im Darkstyle werden diese aber nicht sauber, also irgendwie verfranzt dargestellt.

Meine Vermutung: etliche Icons der PNG-Sorte wurden mit einem hellen Hintergrund, und nicht "richtig" gebaut, d.h. die Pixel am Rand werden nicht zunehmend durchsichtig, sondern zunehmend hell. Faellt erst auf dunklen Hintergrund auf. Ist nicht mit CSS zu fixen, sondern durch reparieren der PNG.

[Gueco315]

Hallo Rudi,

vielen Dank, das klingt plausibel.

Gruß Günter

[Gueco315]

.. habe mir das noch einmal genau angesehen, bei beiden Flooplans ist die Hintergrundfarbe identisch.

Bei den Räumen sieht die Darstellung der devstate-icons auf schwarzen Hintergund klar und deutlich aus.
Die Icon werden nur im Floorplan nicht so klar und sauber dargestellt; schon komisch.

[Gueco315]

Hallo Zusammen,

ich habe es gefunden. Hier der "Übeltäter":

Beim darkfloorplanstyle-CSS stand unter img folgender Eintrag:

Code Auswählen Erweitern

img { -moz-border-radius:8px; border-radius:8px;}

Habe dann diesen Wert hier von dem IOSfloorplanstyle-CSS einfach übernommen:

Code Auswählen Erweitern

img {  border-style: none; }

Und schon werden alle devstate Icons sauber dargestellt.

Gruß Günter