Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

how to change mermaid text color or line text block color? #534

Closed
zyyedi opened this issue May 24, 2017 · 5 comments
Closed

how to change mermaid text color or line text block color? #534

zyyedi opened this issue May 24, 2017 · 5 comments

Comments

@zyyedi
Copy link

zyyedi commented May 24, 2017

I am using Typora, and the user are allowed to use .css file to set up the style of mermaid graphs. I am wondering how to set up the text color or line text block filled-color by .css file? Because Typora's author are somehow setting the text color as the same color as my code fence, which is white, the text seems totally invisible in my flowchart. Hope there is a way can figure that out.

@tylerlong
Copy link
Collaborator

tylerlong commented May 25, 2017

Since you can use .css file. You can simply override the color. Here is the css(less) code for mermaid: https://github.com/knsv/mermaid/tree/master/src/less

@gilbertchenzhe
Copy link

@tylerlong
你好,我最近在使用美人鱼,需求是想要改变某条流程线的颜色,而不是修改整体的CSS去改变所有流程线,目前的API中能实现吗?

Hello, I recently used mermaid, the demand is to change the color of a process line, rather than modify the overall CSS to change all the process lines, the current API can be achieved?

@gilbertchenzhe
Copy link

@tylerlong 好吧,我们更改了需求,不再要求修改流程线的颜色,用API的方法修改流程线的样式为实线、虚线。

Ok, we changed the demand, no longer ask to modify the color of the process line, with the API method to modify the flow line style is solid line, dotted line.

@tylerlong
Copy link
Collaborator

Please read https://mermaidjs.github.io/faq.html How to specify custom CSS file?

@skunk007
Copy link

skunk007 commented Apr 5, 2020

@tylerlong 好吧,我们更改了需求,不再要求修改流程线的颜色,用API的方法修改流程线的样式为实线、虚线。

Ok, we changed the demand, no longer ask to modify the color of the process line, with the API method to modify the flow line style is solid line, dotted line.

使用 html 语言可以直接在 typora mermaid 编辑内容上改变字体颜色,不知道是否能满足你的需要。
比如 --> <font color='red'>tst</font>

mgenereu pushed a commit to mgenereu/mermaid that referenced this issue Jun 25, 2022
Bumps [tailwindcss](https://github.com/tailwindlabs/tailwindcss) from 3.0.0 to 3.0.5.
- [Release notes](https://github.com/tailwindlabs/tailwindcss/releases)
- [Changelog](https://github.com/tailwindlabs/tailwindcss/blob/master/CHANGELOG.md)
- [Commits](tailwindlabs/tailwindcss@v3.0.0...v3.0.5)

---
updated-dependencies:
- dependency-name: tailwindcss
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants