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, 2024Oct 3 by David N.

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.

It works!! Thanks so much @Jimi Wikman 😄 

 

It works!! Thanks so much @Jimi Wikman 😄 

Happy to help 🙂