Side Menu Hover


I would like to set the hover color for side menu items. I want to make the color fades along the hierarchy. For example, for the header the hover color would be dark blue, then the sub menu would be slightly lighter blue color, and if the sub menu also has a sub, the color would be lighter than before.

Is it possible to do that? Really need your help on this.



I believe these are probably the styles to setup in your theme extension

  .c-sidemenu-panel .c-sidemenu-item :hover{color:red}
  .c-sidemenu-panel .c-sidemenu-item-action :hover{color:yellow}