Dynamic background color in Habpanel?

[sihui]

@dastrix80

is there a method to change an SVG icon to be on/coloured

How to change habpanel icon's color?

Hello friends, I create a switch from a template widget by myseft but to be honest I am not fancy with the original pale blue color icons at all. Here is the code: <div ng-style="{ 'background-color': itemValue('Light_GF_Living_Ceiling')=='ON' ? '#26FF33' : '#FE2E64' }" class="template-container" style="top:0;bottom:0;left:0;right:0;position:absolute;border-radius: 10px;width:220px; height: 220px"> <div class="template-contents"> <div style=" margin-…

How to change colors of default icons?

Is there a way to chane colors of default icons? I Just want green instead of blue. Is there some simple solution to do this or I need to prepare my own set of svg icons?

Change Icon color according to Hue-Binding light status

I’m using the hue-binding and would like to put an SVG icon or picture in a HabPanel by using the Template widget. I can get the item value of a hue lamp color or color-temperature. But how can I change the color of the icon by using the CSS definition. The color item returns a element e.g (100,10,10). A conversion by a rule file is also posible to change it to an RGB value. But as I said I would like to change the color of the SVG element with this read-out.

Widget Icon Colors

I’m working on a custom control using the Template Widget. In this, I’d like to be able to change the color of icons and the text shown. I haven’t found a way to change the color of the icons. For many items, especially the ones that I’m using the “switch” template, etc. for I want to keep the default color behavior of off / blue. As a result, I really have two needs: Be able to force it to one state or the other (off / blue) using ng-if, etc. Be able to set custom colors - let’s say I wan…

Examples of HABPanel Solutions

thank you for that, it worked…how do i change the icon color in nibi79s widget