question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

PNG export when using Dark them behaves weird

See original GitHub issue

Problem

Recently, I was working on a presentation that had a dark background. Naturally, that meant that all of the graphics and text on it, should be white. So, in order to see the text that I was writing I changed the background of my draw.io to Dark.

However, when exporting as PNG I noticed something strange. On the exported picture the color of the text and of the outline of other graphics (arrows, rectangles, etc.) were black (whilst white in draw.io), while the fill color of the graphics was the same as seen in draw.io.

Is this intentional? If so, I find it weird, because it means I can’t export white stuff, while working in a dark background.

Steps to reproduce:

  1. Open draw.io
  2. Extras -> Theme -> Dark
  3. Restart the program, so the change takes effect
  4. Open this file: bug.drawio.zip (It has to be .zip, because GitHub does not support .drawio attachments)
  5. File -> Export as… -> PNG (Transparent background should be selected)

Actual result

bug

Expected result

(not visible here, because it’s all white, has to be downloaded) expected

I am using desktop version of draw.io for macOS

Workaround

Change the theme to white, export your work and then change back to dark theme if you want to use that.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
davidjgraphcommented, Nov 24, 2020

The FAQ isn’t written specifically for you, in case that’s what you thought.

0reactions
aldergcommented, Nov 25, 2020

Since 13.1.4, the export dialog has a dark mode switch to fix this.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Color darkens when exporting to PNG in RGB setting...
I am using Adobe Illustrator 2017. I have a project using a certain shade of purple (# 9900cc). When I export to PNG...
Read more >
The Dangers of Dark Mode for Email - Dyspatch
First, a quick primer on dark mode themes and how they impact email design. Simply put, the dark mode setting inverts colours on...
Read more >
Jupyter Notebook exported HTML dark color - Stack Overflow
you can use Plotly dark theme to have plots black as well ... (they are black in color), but it also had weird...
Read more >
scroll clipart transparent background
Text Background Plate PNG clipart image with transparent background or PSD ... design and available in both png and vector 0: New light...
Read more >
When using the system's dark theme, Opera becomes ...
Hello I am having a problem when using a dark theme on Xubuntu 16.04 both with ... The strange thing about the Opera...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found