abhinav / abhinav/goldmark-mermaid

dark and light mode support

未关闭
#68 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
Go
星标
62
派生
8
PR 合并指标
30 天内没有已合并 PR

描述

This is a placeholder issue for me and others.

My site currently supports light and dark modes. MermaidJS does not support that natively, so I am seeking an alternative.

I was thinking of having two renders per backtick `mermaidjs`.

For example,

```markdown
```mermaid
....
\```
```

Would render to:

```html

   


   

@media (prefers-color-scheme: light) {
.mermaid.mermaid-dark { display: none; }
.mermaid.mermaid-light { display: block; }
}
@media (prefers-color-scheme: dark) {
.mermaid.mermaid-dark { display: block; }
.mermaid.mermaid-light { display: none; }
}

```

I'd like to explore this with the plugin.

贡献指南

这个仓库没有索引到贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。