GitHub Community
Mermaid doesn't apply dark theme when using github dark mode #12116
-
|
I currently have the standard dark theme set on my github. However, when i create a mermaid diagram in one of my projects readmes, it displays like this:
Here is how the same diagram displays when i use the Mermaid Live Editor
|
Beta Was this translation helpful? Give feedback.
Replies: 4 comments 2 replies
-
|
After refreshing the page a few times, it's now displaying the dark theme as expected. Not sure what was going on there ? |
Beta Was this translation helpful? Give feedback.
-
|
@nathan-fiscaletti that's a weird bug but I'm glad it resolved itself. Let us know if it happens again! |
Beta Was this translation helpful? Give feedback.
-
|
It looks like this was caused by the Dark Reader chrome extension. When enabled, even if i have the dark github theme selected in my github settings, it will render the Mermaid charts with their light theme. I had to disable Dark Reader specifically for GitHub and then refresh the page to solve the issue. |
Beta Was this translation helpful? Give feedback.
-
|
@nathan-fiscaletti that will definitely do it! Dark Reader usually ends up supporting new variables we introduce, but it is delayed. |
Beta Was this translation helpful? Give feedback.
-
|
Facing the same issue right now here too: https://github.com/orgs/community/discussions/35733 |
Beta Was this translation helpful? Give feedback.
-
|
Hi @nathan-fiscaletti - thank you for providing this feedback! This issue appears to be resolved per this comment. Could you please confirm and close out this issue? Thank you! |
Beta Was this translation helpful? Give feedback.
It looks like this was caused by the Dark Reader chrome extension. When enabled, even if i have the dark github theme selected in my github settings, it will render the Mermaid charts with their light theme. I had to disable Dark Reader specifically for GitHub and then refresh the page to solve the issue.