modrinth/code

Checkboxs are near-invisible

Opened this issue · 0 comments

SquidDev commented

Please confirm the following.

What browsers are you seeing the problem on?

Chrome (including Arc, Brave, Opera, Vivaldi), Firefox

Describe the bug

Unstyled checkboxes are near-invisible, making it initially quite hard to see what is going on. Tested on both Firefox and Chromium. This is particularly bad in light mode, but not much better in dark.

A screenshot of a checkbox and label on a white background. The box next to the label is basically invisible. A screenshot of a checkbox and label on a dark grey background. The box next to the label is near invisible.

Steps to reproduce

  1. Visit any page with a checkbox. For instance, the "Show all versions" box on https://modrinth.com/mods.
  2. Ensure your browser is in light mode.
  3. Try to find the checkbox!

Expected behavior

There should probably be some border on the checkbox when it is unfocused, so it's obvious that there's an input there. There is a drop shadow on it, but it's got a very low contrast ratio, so not very helpful!

Additional context

No response