Ich habe das jeweils in der Beschriftung des HQButton eingetragen. Damit kann ich je nach Status die Schriftfarbe der Iconfont ändern.
Edit: Noch etwas ausführlicher. Es handelt sich hier um einen Schalter (Taster) mit dem ich das Garagentor öffnen und schliessen kann. Wenn das Tor offen ist, dann soll die Farbe der Schrift (das Garagentoricon) rot sein und wenn das Tor zu ist, dann grün.
Das mit den Icons als Schrift habe ich von fhem übernommen.
[{"tpl":"tplHqButton","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oid":"mqtt.0.cmnd.psw07.POWER1","min":"false","max":"true","iconName":"","btIconWidth":"","offsetAuto":true,"leftOffset":"0","topOffset":"0","timeAsInterval":"true","infoLeftFontSize":"12","infoFontRightSize":"12","infoLeftPaddingLeft":"15","infoLeftPaddingRight":"50","infoRightPaddingRight":"15","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"descriptionLeft":"node-red.0.mqtt.psw07.switch","oid-battery":"","oid-signal":"","pushButton":true,"caption":"{wert:mqtt.0.stat.psw07.POWER2; wert ==\"OFF\" ? \"<i class='oa-fts_garage_door_100' style='color:#93ff93'></i>\" ::\"<i class='oa-fts_garage' style='color:#ff2e74'></i>\"}","captionOn":"","descriptionLeftDisabled":true,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"iconOn":"","g_styles":true,"styleNormal":"hq-button-no-background","styleActive":"hq-button-no-background"},"style":{"left":"130px","top":"50px","font-size":"2.5em","width":"80px","height":"80px","z-index":"3"},"widgetSet":"hqwidgets"}]