Bad contrast of link colors in dark mode #13

New issue

Closed

opened 2022-09-08 06:10:59 +00:00 by pranav · 0 comments

pranav commented

2022-09-08 06:10:59 +00:00

Right now, links in dark mode are not very visible on most browsers because the default link colors are still applied.

Here's how they look on Firefox:

By adding two rules for links in the dark mode media query, this is achievable (better contrast + more accessible):

The styling of the .info box needs some discussion since it would require overrides for pretty much anything interactive in dark mode. I would suggest changing its background color to something darker.

Not creating a PR right now, will do once these details are sorted out.

Right now, links in dark mode are not very visible on most browsers because the default link colors are still applied. Here's how they look on Firefox: ![image](/attachments/2786c67e-d317-48bd-b5bf-168f04cd8ae7) By adding two rules for links in the dark mode media query, this is achievable (better contrast + more accessible): ![image](/attachments/ac564312-df59-4543-bf6f-29d99a220433) The styling of the `.info` box needs some discussion since it would require overrides for pretty much anything interactive in dark mode. I would suggest changing its background color to something darker. Not creating a PR right now, will do once these details are sorted out.

image.png

56 KiB

image.png

57 KiB

👍 1