In "sandbox" mode, the background of the iframe is not responsive to dark mode #5034
Labels
Status: Triage
Needs to be verified, categorized, etc
Type: Bug / Error
Something isn't working or is incorrect
Comments
bartkamphorst
added
Status: Triage
12 tasks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Description
Dear mermaid team, over at gollum, we're busy implementing dark mode. We run mermaid with
securityLevel: 'sandbox'and noticed that the diagrams in the resultingiframeare not automatically responsive to enabling/disabling dark mode (in System settings). We have worked around this by adding an event listener to(prefers-color-scheme: dark)'and re-rendering the diagram with thedarktheme when dark mode is enabled. However, when we do, the background of the resultingiframeremains white. I would expect the background of the iframe to assume the background color of the surrounding page.Steps to reproduce
Go to the Mermaid live editor and render the default diagram with the following settings:
{ "theme": "dark", "securityLevel": "sandbox" }Screenshots
darktheme is used:This last screenshot does reflect what happens when we set
securityLevel: 'loose'.Code Sample
No response
Setup
Suggested Solutions
This is not my expertise, so this may not be the best solution, but adding
to the
<head>of theiframeresolves the issue in gollum.I think the relevant code lives here in
putIntoIFrame.Additional Context
Thanks for considering this issue! Please let us know (@dometto @benjaminwil) if there's anything we can do to help resolve it.
The text was updated successfully, but these errors were encountered: