Minor improvements on the Focus, Hover and secondary buttons in the Otter Dashboard

[mghenciu]

Description

In Otter dashboard the primary accent colors where dynamic, depending on the theme; and this is causing issues - for example a button is #3858e9, while the toggle is using another accent color.

Another issue is on Accordions, when hovering - those have the same background as the main body. This makes it very hard to see, and has a low contrast.

And the last issue is regarding the Navigation Panels, which don't have a hover state. This is not a good practice, both from an accessibility and UI perspective.

Step-by-step reproduction instructions

1. The secondary buttons, link, toggles -> should use the same accent color
2. Test the top navigation, that it has hover state now
3. Test the Accordion hover state, which should also have more contrast now

Screenshots, screen recording, code snippet or Help Scout ticket

---

Screen.Recording.2023-09-01.at.13.29.46.mov

No response

Environment info

No response

Is the issue you are reporting a regression

No

[pirate-bot]

🎉 This issue has been resolved in version 2.4.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀