Hallo zusammen,
ich wollte gerne Farben für Symbolzustände in meiner eigenen CSS-Datei definieren und an Symbolen hinterlegen. Möglich ist ja bisher sowas wie
data-color="green".
Da ich mit "green" aber nicht ganz zufrieden bin, würde ich gern statt dem Farbnamen eine Beschreibung verwenden, zum Beispiel:
data-color="bat-75"
Wenn ich die Farbe in meiner eigenen CSS-Datei definiere, wird sie leider nicht berücksichtigt. Das klappt erst, wenn ich sie in die fhem-tablet-ui.css eintrage. Allerdings ist sie dann beim nächsten Update wieder weg.
Insgesamt soll das dann so aussehen:
<div data-type="symbol"
data-device= "DG.sz.HZ.Heizungsventil"
data-get= "batteryLevel"
data-states= '["0",
"2",
"2.4",
"2.7",
"3.0"]'
data-icons= '["oa-measure_battery_0 fa-rotate-90",
"oa-measure_battery_25 fa-rotate-90",
"oa-measure_battery_50 fa-rotate-90",
"oa-measure_battery_75 fa-rotate-90",
"oa-measure_battery_100 fa-rotate-90"]'
data-colors= '["bat-0",
"bat-25",
"bat-50",
"bat-75",
"bat-100"]'>
</div>
Der Teil im CSS dann entsprechend so:
.bat-0 {color: #ad3333 !important;}
.bat-25 {color: #aa6900 !important;}
.bat-50 {color: #ffe066 !important;}
.bat-75 {color: #5bc995 !important;}
.bat-100 {color: #32a054 !important;}
Gibt es einen Weg, meine eigenen Farbdefinitionen nutzen zu können?
Nenn deine CSS Datei ungefähr so.
css/user-ui.css
Nur aus *-ui.css Files werden die Farbschemen eingelesen.
Funktioniert. Vielen Dank!
O.K. mit der Information (*-ui.css) konnte ich auch mein Problem beschrieben unter https://forum.fhem.de/index.php/topic,65604.msg576321.html#msg576321 (https://forum.fhem.de/index.php/topic,65604.msg576321.html#msg576321) lösen.
@setstate: Das sollte wohl am besten auch in den ersten Beitrag zu FTUI 2.5 (https://forum.fhem.de/index.php/topic,65604.0.html (https://forum.fhem.de/index.php/topic,65604.0.html)).
Gruß, Mario
Das ist aber schon immer so, hat nix mit der 2.5 zu tun.
Definition von von Color-Klassen hat nur noch keiner gemacht außer mir (für die Grundfarben)
Hi setstate,
ich habe festgestellt, dass bestimme Widgets die Angabe eines eigenen Farbnamens nicht akzeptieren.
Könntest Du Dir das mal anschauen?
Konkret geht es mir im Moment um Level.
data-color="#fa08ba" wird akzeptiert, data-color="bat-50" jedoch nicht. Funktioniert das hier anders?