Switch to dark mode via toggle, hover effects do not work anymore

Hello everyone,

I need some help with my project. I have a toggle where you can switch between dark and light mode, using animations to change background colors, text color etc. This works fine, but I cannot change the colors of elements in specific states, like hover. In general, these effects do not work anymore after you switched to the other mode, not even the hover color of the original mode is showing anymore. I think this is because the color change overwrites not just the basic background color but also every color in every state. But I have not figured out how to change the color of an element in a state.

Is there a way to fix this?

Thank you sooo much.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)