Insufficient contrast for links in the Markdown preview in dark mode

[rockygolucky]

I noticed that the contrast of the link in the preview is not enough at all. The link color is very dark against the background. This is an accessibility issue.

To reproduce

1. Toggle Android system dark view.
2. Create a link in a Markdown file.
3. Toggle the Markdown preview.
4. Observe the text foreground against the background in the Markdown preview; it’s quite dark.

Screenshot

The https://example.com autolink in the above screenshot is very dark on the dark gray background. It’s difficult to see.

External links

• Web Content Accessibility Guidelines (WCAG) 2.2
• Android official documentation on accessibility

System information

• Pixel 6
• GrapheneOS
• Android version 14 and security update 2024-06-01

[soupslurpr]

Hi, thanks for letting me know about this important accessibility issue. I think I've solved it by specifying the color of the link to adapt to Material 3/You (just like the background, which is normally white).

I'd appreciate it if you'd try it out with the staging apk attached below and provide feedback. It can be installed alongside the production build as this one has a .debug prefix. Please note that this staging apk doesn't have the Typst libraries included to reduce file size, so it's expected that the app will crash upon opening Typst projects.

app-staging.zip

[rockygolucky]

I think I've solved it by specifying the color of the link to adapt to Material 3/You (just like the background, which is normally white).

I'd appreciate it if you'd try it out with the staging apk attached below and provide feedback.

Yes, that went perfectly. Thank you! I opened up the same file and I saw the link as light green.

Screenshot

The above screenshot shows that the autolink is displayed in bright green, consistent with my Material 3/Material You theme.

[soupslurpr]

Thanks for the feedback, I'll make a new release soon!