Team member hover color mismatch

[calejvaldez]

Summary

When the cursor hovers over a team member, the background turns white when the device is in dark mode. The website is set so that when a cursor hovers over a team member, it makes it look clickable. However, light-mode hover colors differ from dark-mode hover colors.

My device is in dark mode, and when it hovers over the team member, it gives off the light-mode hover colors, which are way too bright.

Something I noticed is that this may just be a browser cookie issue. When you hard reload the page, the issue reappears. If you toggle dark/light mode using the website button, it works as expected.

What is the expected correct behavior?

Colors should adhere to the mode it's in, so in this case, the background colors should be the dark-mode color palette instead of the light-mode palette.

Steps to reproduce

1. Clear cookies in the browser
2. Hover over a team member on the website

Relevant logs and/or screenshots

Operating System

macOS

Browser

Firefox

[calejvaldez]

Also happens on mobile.

[calejvaldez]

Issue also being tracked in facebook/docusaurus#7986