search

ojosproject / website

The Ojos Project website containing our blogs and documentation!
https://ojosproject.org/
GNU General Public License v3.0
0 stars 0 forks source link

Team member hover color mismatch #36

Closed calejvaldez closed 3 weeks ago

calejvaldez commented 1 month ago

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

Screenshot of cursor hovering over Carlos with a white background

Operating System

macOS

Browser

Firefox

calejvaldez commented 1 month ago

Also happens on mobile.

image

calejvaldez commented 1 month ago

Issue also being tracked in https://github.com/facebook/docusaurus/issues/7986