Dark mode contrast issues
Quote from lil ie on May 10, 2024, 10:22 amHi 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.
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:Quote from Cory Maben on May 10, 2024, 8:54 pmQuote from lil ie on May 10, 2024, 10:22 amHi 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.
Quote from lil ie on May 10, 2024, 10:22 amHi 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:Quote from Cory Maben on May 11, 2024, 7:16 pmI 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?
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 JBP on May 23, 2024, 3:32 pmQuote from Cory Maben on May 11, 2024, 7:16 pmI 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.
Quote from Cory Maben on May 11, 2024, 7:16 pmI 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.