Low-contrast text is not accessible

[jrobbins]

Description

The theme examples on https://marktext.app/ have very low-contrast text that does not seem to be accessible.

See also:
https://webaim.org/articles/contrast/
and
https://webaim.org/resources/contrastchecker/

[Jocs]

Thanks for you advice, we'll take a look at the links you given and improve the UI (contrast) in the future, could you please give us more info about which text has low-contrast?

[marhar]

Here's a quick annotation showing what appears to me to be the lowest contrast text.

[Menn1s]

I tried adjusting the css under src/renderer/assets/themes and recompiling but it didn't seem to make any changes. If anyone could give some pointers that would be great! I agree that the low contrast makes some themes hard to use.

I like this theme, "material dark". But as you can see, the contrast is a lot lower than the next screenshot of the "dark" theme.

Dark:

[brimwats1]

This would be easily fixable with an easier-to-use theme system—it would be very easy to create a readable solarized or gruvbox dark and light theme, for example.

[YalandHong]

This would be easily fixable with an easier-to-use theme system—it would be very easy to create a readable solarized or gruvbox dark and light theme, for example.

If you mean custom CSS theme, track #174

[brimwats1]

@YalandHong thanks for the tip! a fix there would partially fix this—I think you could close this with a theme that passed WCAG AA or AAA. See: https://accessible-colors.com