Please or Register to create posts and topics.

Dark mode contrast issues

Hi James! I browse the forum in dark mode (and everything else given the option) , and I've noticed some contrast issues with text that is very similar to the background in color. Attached is an image are some examples. I took a brief look into the CSS but I didn't find where the font colors are from or which text elements share them, you'd probably know better.  I took some of those color pairs to https://webaim.org/resources/contrastchecker/ to check the contrast and its about 2-5 times less than recommended.

Uploaded files:
  • dareker-yet-darker.png
Quote from lil ie on May 10, 2024, 10:22 am

Hi James! I browse the forum in dark mode (and everything else given the option) , and I've noticed some contrast issues with text that is very similar to the background in color. Attached is an image are some examples. I took a brief look into the CSS but I didn't find where the font colors are from or which text elements share them, you'd probably know better.  I took some of those color pairs to https://webaim.org/resources/contrastchecker/ to check the contrast and its about 2-5 times less than recommended.

It may depend on how you're doing dark mode. I am using an extension called "Dark Reader" and I do not have these issues. So perhaps try a different extension or browser.

Uploaded files:
  • Capture.PNG

I'm using the one on the site, enabled with the little sun/moon icon on top.

I honestly didn't even know that was there until you mentioned it. When I disable my extension and use the built in one it does look like the screen shots. Maybe it's worth looking into an extension in the meantime?

Quote from Cory Maben on May 11, 2024, 7:16 pm

I honestly didn't even know that was there until you mentioned it. When I disable my extension and use the built in one it does look like the screen shots. Maybe it's worth looking into an extension in the meantime?

Hah, me either! Pretty neat.