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 want one green/red for important state items.
I’m assuming that the color is being driven by some global state settings that drives the off/blue states, but I’m not sure where, or how to override it. I’ve searched, but haven’t found much on custom colors, and haven’t really seen any examples where people have done it.
If it requires custom icons like is used for the weather states, etc. I can do that, but I was hoping there was a way to color the existing icon packages on the fly. If not, I understand and I’ll start making icons…