Slider change icon color handling

[bartekev]

Pretty sure there's some easy way to do it, but can't seem to find it.
I would like the icon of slider to have the same behavior as the standard tile card:

• turned off: icon grey on black background
• turned on: icon yellow-orange-ish with soft background
  Can this be easily configured?

[MrBearPresident]

For something like this:

Add this to your custom style:

:host{
  --WantedColor: 68, 115, 158;
}

.bubble-icon-container:before{
  content: "";
  background: ${ state > 0 ? 'rgba(var(--WantedColor),0.4)' :''};
  position: absolute !important;
  border-radius: 50% !important;
  height: 42px;
  width: 42px;
  }

.bubble-icon-container .bubble-icon{  
  color: ${ state > 0 ? 'rgba(var(--WantedColor),1)' :''} !important;
  }

---

^{If this solves your problem, mark this as the solution and close the discussion.}