Mermaid graph edges are super low contrast in Markdown Preview

Open Beginner friendly
#32 0 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
68/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Active
Tech stack
markdown
Domain
accessibility, design

Research direction

Reproduce the issue in Zed's Markdown Preview using a Mermaid graph and each of the Rosé Pine, Rosé Pine Moon, Rosé Pine Dawn, and Default themes. Start by locating the theme definitions and the colors used for Mermaid graph edges. Done means graph edges are clearly readable in all listed themes without reducing the themes' intended contrast.

Written by the indexing model from the issue text.

Description

Hello! Zed released native Mermaid support for the Markdown renderer. I thought that the graph edges were not rendering because of their super low contrast using each of the Rosé Pine themes:

Rosé Pine
Image

Rosé Pine Moon
Image

Rosé Pine Dawn
Image

Default

Image

The Markdown preview feature in Zed is not the prettiest as it is, but since it is there, and since it natively renders Mermaid graphs, it would be nice to be able to read the graphs inline. Thank you for your attention and for maintaining this theme that I use daily!

Dominant language
No language data
Stars
66
Forks
13
No merged PRs in 30d

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from rose-pine/zed

All issues in rose-pine/zed

Similar issues

More Accessibility issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.