Label-Schriftfarbe ändern

Begonnen von Jippy, 28 Oktober 2017, 19:16:52

Vorheriges Thema - Nächstes Thema

Jippy

Hallo, ich bin noch ziemlich neu im Thema TabletUI und hoffe das mir jemand weiterhelfen kann.
(Falls es das Thema schon geben sollte sage ich schon mal sorry, ich habe aber nichts gefunden)

Meine Frage ist, wie kann man die "Label" Farbe verändern?
Ich habe folgenden Code...
     div data-type="label" class="medium bold">xxx</div>
und möchte, dass das XXX in einer bestimmten Farbe geschrieben wird.

Eine Standardfarbe bekomme ich hin (hier Blau)
     div data-type="label" class="medium bold blue">xxx</div>

Bei speziellen Farben scheitert es dann aber
     div data-type="label" class="medium bold aquamarine">xxx</div>
(weiße Schrift)
Ich hoffe das man das irgendwie mit dem RGB oder HEX Code machen kann und wäre für jeden Tipp dankbar.

Danke

Gruß
Jippy

setstate

fixer Wert
data-color="#ffff55"

aus Reading
data-color="myDevice:myReading"

Ulm32b

Wenn Du das (https://wiki.fhem.de/wiki/FHEM_Tablet_UI#Farben noch nicht gefunden hattest, darfst Du Dich auf viele weitere Entdeckungen freuen.

Jippy

@setstate
Meintest du das so...
     <div data-type="label" data-color="#ffff55" class="medium bold">xxx</div>
da ist die Schrfiftfarbe wieder weiß...

@Ulm32b
doch das hatte ich gelesen und ich hatte es auch schon so wie oben geschrieben probiert, klappt aber leider nicht...

viegener

Du willst ja eigentlich nicht die Farbe eines Labels ändern, sondern die Farbe des Textes, der innerhalb der div-tags steht?
--> Dann kannst Du ja auch normale HTML/CSS-Methoden verwenden

Wenn es um Texte geht, die wie bei labels normal aus FHEM kommen sollen, dann greift die Angabe von data-color wie von setstate schon beschrieben.
Kein Support über PM - Anfragen gerne im Forum - Damit auch andere profitieren und helfen können

Jippy

Ja ich möchte die Farbe des Textes ändern, der innerhalb des div-tags steht.
Sorry das es bei meiner Anfrage falsch rüber gekommen ist, ich dachte das wäre gleich wegen "data-type="label"".  :-[

"--> Dann kannst Du ja auch normale HTML/CSS-Methoden verwenden"
sagt mir leider gar nichts...
Kannst du mir sagen wo ich da genaueres zu finde, möglichst mit Beispielen?

setstate

Text aus FHEM mit statischem Color-Attribute


<div data-type="label" data-device="ftuitest" data-color="#ffff55"></div>


Statischer Text mit Inline-Style Tag


<div style="color:#44ff55;">Ich bin ein fester Text</div>

viegener

Kein Support über PM - Anfragen gerne im Forum - Damit auch andere profitieren und helfen können

Jippy

Super vielen Dank, jetzt klappt es.  :)

Noch ein schönes Rest-Wochenende