Can I change the image color instead of the button color?

[jercloud]

I really want to move to native HE dashboards instead of Action Tiles. But there's one major "look and feel" problem that I cannot get past.

Is there some way that when a button, (say a light or switch) is OFF, that I can change the color of the icon itself instead of the background of the button?

I personally think that dashboards look messy when the whole tiles are colorized.

For reference this is how my ActionTile dashboard looks.

The "Main" dashboard (weather and fridge door are broken cause...SmartThings), has all invisible items that should be "off", and they only "appear", when they are "on".

The "downstairs" dashboard has icons that are Grey when off, and white when on:

[jtp10181]

Yes there is. I have the BG changed here as well but you can see the icon and text are a slight yellow color when on.

Its under the main dashboard settings (gear) > Templates.
You would have to edit every template and it is sort of fiddly depending on the order of chat you click.

[jercloud]

oh I see it now, but it changes the color for the icon AND the font. I guess it's not the worst thing.

Thanks for the pointer!

[jtp10181]

Could probably do just one or the other with some custom CSS but that's a little more tricky than the UI.

[Grizzlebeard]

Check out the post below. It can be a bit daunting but css editing gets easier once you learn the basics.

The Noob's (in)complete guide to CSS for Hubitat

DISCLAIMER: I'm no web designer and my knowledge of and interest in CSS is pretty low. Everything I've put together in this post is through searching, inferring and experimenting and if there are omissions, mistakes or things that can be done better (which there will be plenty of I'm sure) I'd be happy to be corrected. Everything here is basic 101 stuff for people versed in html/CSS but probably might as well be Greek to everyone else. I won't have time to put everything down initially so will…

[lcw731]

I know you said you want to move to native, but have you looked at Hubivue? I think you can do pretty much what you are trying to do without having to do any CSS work. Give it a look. It's a pretty slick dashboard, and @gslender is doing a great job developing it, and is quite responsive and engaging with the users.

[gslender]

@lcw731

I think you can do pretty much what you are trying to do without having to do any CSS work.

Yep, you can definitely do that... in fact, I think the default behaviour is that with the icon going from a glow style/colour. Plus lots of other options.