Here are the buttons I use:
[{"id":"36f1f46c.1cb0fc","type":"ui_button","z":"9235bbe0.d90a78","name":"TVLEDStrip","group":"e460e8a.9aac518","order":1,"width":3,"height":1,"passthru":false,"label":"TV Led Strip","tooltip":"","color":"#FFFFFF!important","bgcolor":"{{kleur}}","icon":"fa-power-off","payload":"state","payloadType":"flow","topic":"homie/homeypro/tv-led-strip/onoff/set","x":711,"y":1080,"wires":[["3d0e4074.ce98e"]]},{"id":"e460e8a.9aac518","type":"ui_group","z":"","name":"Verlichting Woonkamer","tab":"231f8919.1c14b6","order":3,"disp":true,"width":"6","collapse":true},{"id":"231f8919.1c14b6","type":"ui_tab","z":"","name":"Home","icon":"dashboard","order":1,"disabled":false,"hidden":false}]
They are controlled by this function node:
[{"id":"6ad9f6c2.e1b458","type":"function","z":"9235bbe0.d90a78","name":"State2Color","func":"if (msg.payload === \"true\"){\n msg.kleur = \"#FFAA00\";\n flow.set(\"state\", \"false\");\n}\nelse {\n msg.kleur = \"#44AAFF\";\n flow.set(\"state\", \"true\");\n }\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":490,"y":1080,"wires":[["36f1f46c.1cb0fc"]]}]
The icon used in the button here is fa-power-off but it can easily be replaced by lock, unlock, or unlock-alt.
Not sure you mean these, but here’s the code anyway.