Docs: Non-readable diagrams when the dark theme is on
See original GitHub issueURL(s)
https://eslint.org/docs/latest/developer-guide/code-path-analysis
What did you do?
Turn on the dark theme
What did you expect to happen?
Diagrams are readable
What actually happened?
The black arrows of diagrams almost invisible on the dark background of the site
Participation
- I am willing to submit a pull request for this issue.
Additional comments
As a workaround we can use filter: invert(100%);
for the images when the dark theme is on
Issue Analytics
- State:
- Created 9 months ago
- Reactions:2
- Comments:11 (9 by maintainers)
Top Results From Across the Web
Use Dark theme in Google Docs, Sheets & Slides
Dark theme automatically adjusts your documents and sheets to fit the theme and improve viewing. You can preview how a document or sheet...
Read more >Blog - Use the diagram editor in dark mode
The Dark mode for the default, Minimal and Sketch editor themes, and the new modern mode, lets you switch diagrams.net and our draw.io...
Read more >New: Dark mode for all Datawrapper visualizations
Let readers see your charts, maps, and tables with a dark background – while keeping them readable and beautiful.
Read more >Dark theme - Material Design
A dark theme displays dark surfaces across the majority of a UI. It's designed to be a supplemental mode to a default (or...
Read more >Is there a Dark Mode for the UI? - Lucidchart Help
I'm sorry to read that the absence of a dark mode is so ... and the result is a bit of a mess...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
It’s important to note that these SVG images are automatically generated through GraphViz, so any solution we choose should not involve manually editing the SVG.
I think the easiest solution would be to just set the background-color to white on all SVGs that are in the content of a documentation page.
They are generated by hand right now. 😃