FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: gitarero am 15 November 2016, 17:23:50

Titel: settimer Farben ändern
Beitrag von: gitarero am 15 November 2016, 17:23:50
Hi,
ich bekomme es seit Stunden nicht hin, die Farben des settimer-widgets per css zu ändern.
Könnte mir jemand mal auf die Sprünge helfen?

In der .js Datei habe ich gefunden, wo ich die Farben ändern kann. Aber das ist ja nicht Sinn der Sache.
Auf der Github Seite von Nesges steht was von Klassen, die man per css überschreiben können soll. Gut, aber wie? was gescheites habe ich dazu leider noch nicht gefunden.

Das device sieht jetzt wie folgt aus:


<div data-type="settimer"
    data-device="Weckzeit"
    class="top-space">
</div>


viele Grüße,
Ingo
Titel: Antw:settimer Farben ändern
Beitrag von: setstate am 15 November 2016, 18:23:52
Über die Entwicklertools deines Browsers kann man ganz einfach die verantwortliche CSS Klasse finden.

Hier zum Beispiel gut erklärt, wie es genau geht.
http://www.olivergast.de/blog/2013/08/07/css-basics-browser-entwicklertools-ala-firebug-und-co-nutzen/
Titel: Antw:settimer Farben ändern
Beitrag von: gitarero am 15 November 2016, 19:06:25
Ich habe mir das gerade mal mit den Chrome Entwicklertools angesehen.
Allerdings finde ich nicht heraus, mit welcher Style-Eigenschaft die Farbe der Zeiger geändert werden kann.

Und ich bekomme es zwar hin in den Entwicklertools die Farbe des "Setzen"-Knopfes zu ändern. Aber nicht per CSS. Ich steh da grade echt auf dem Schlauch.