Change opacity of icons in side panel?

[David N.]

I've looked around for a while now but can't seem to find the CSS to change the opacity of the icons in the side panel? Looks like they're dimmed when inactive and have an opacity of 1 when hovered or active. 

Edited October 3, 2024 by David N.

[Jimi Wikman]

I think it is this one:

.ipsNavPanel__icon * {
  opacity: .4;
}

on hover, it triggers this:

@media (any-hover: hover) {
  a:hover .ipsNavPanel__icon *, button:hover .ipsNavPanel__icon * {
    opacity: 1;
  }
}

I hope that helps.

[David N.]

It works!! Thanks so much @Jimi Wikman 😄 

[Jimi Wikman]

2 hours ago, David N. said:

It works!! Thanks so much @Jimi Wikman 😄 

Happy to help 🙂