Icon states (on/off) are not distinguishable

[Stooovie]

HA Core 2021.2.3, kibibit theme 1.1.1. - the on/off state can't be inferred from the icon. They are all the same color (except RGB lights).

Please fix this, it's a really gorgeous theme!

[johnjoemorgan]

Experiencing the same - it's a great theme and I'd like to keep it

[Yonny24]

Just installed this as it's a really nice theme but yes the 'state_color: true' is not working.
Hope you find a fix

[kokesh]

Still doesn't work in November. Anyone actually reading issue list?

[Hassiopeia]

I just found this theme and love it..... except for this issue. Please fix.

[Hassiopeia]

@kokesh @Stooovie @johnjoemorgan @Yonny24

I found a solution that will work until it's updated:

the 'paper-item-icon-active-color:' variable needs to be added in the theme's yaml. I added it and assigned the color of my choice, I also changed 'state-icon-active-color' to the same choice, restarted HA and all is well. I'm not sure which one of those variables actually changed it since I did both, but it's working well for me now.

[waring86]

Hello

maybe there is any knowledge on how to fix this error?

[waring86]

@kokesh @Stooovie @johnjoemorgan @Yonny24

I found a solution that will work until it's updated:

the 'paper-item-icon-active-color:' variable needs to be added in the theme's yaml. I added it and assigned the color of my choice, I also changed 'state-icon-active-color' to the same choice, restarted HA and all is well. I'm not sure which one of those variables actually changed it since I did both, but it's working well for me now.

could you explain more precisely which lines you changed?

[asteroidz]

@waring86
The theme use css variables.
For state color it use "paper-item-icon-color" which is defined by another variable "state-icon-active-color" which is again defined in kibibit(normal and dark) by white color (#fff).

To fix the state color problem you need to edit the theme yaml(/config/themes/kibibit/kibibit.yaml)
find the line where is defined "state-icon-active-color" and add a "#" at the start of the line to comment it, then restart your HA, it will take the default variables from HA Core theme and restore active state color in icon as normal.

it will keep the color of led as well ;)

[waring86]

thanks, its working ;)