[Bug]: Custom theme hover-color inconsistency

[artekkk]

Describe the bug

I've created a custom theme and there is an inconsistency of hover-state coloring. In the bar a tint of the defined secondary color is used. In the main menu the hover color is a light blue color. Probably this is derived from the default theme. It would be nice if the hover state in the menu was handled the same way as in the bar.

To Reproduce

Create an custom theme with an alternative "colorSecondary".

System

Environment Info:

  System:
    OS: Windows 10 10.0.19045
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Binaries:
    Node: 16.15.1 - C:\LProg\Ldev\node\node.EXE
    npm: 8.11.0 - C:\LProg\Ldev\node\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (112.0.1722.34)
  npmPackages:
    @storybook/addon-essentials: ^7.0.6 => 7.0.6
    @storybook/addon-interactions: ^7.0.6 => 7.0.6
    @storybook/addon-links: ^7.0.6 => 7.0.6
    @storybook/blocks: ^7.0.6 => 7.0.6
    @storybook/html: ^7.0.6 => 7.0.6
    @storybook/html-vite: ^7.0.6 => 7.0.6
    @storybook/manager-api: ^7.0.6 => 7.0.6
    @storybook/testing-library: ^0.0.14-next.2 => 0.0.14-next.2
    @storybook/theming: ^7.0.6 => 7.0.6

Additional context

No response

[yoshi2no]

I'm currently working on this. If you would like, you can assign this issue to me. 🐶

[artekkk]

Hi, it looks like the fix has been ready for merging for a long time. Is there a problem?