This is a quick memo on how to disable the dark theme in Draw.io when using it in VSCode.
The Dark Theme in Draw.io Is Hard to Use
The "Draw.io Integration" extension for VSCode is a handy tool that allows you to use Draw.io directly within VSCode. It's great for creating architecture diagrams and documentation visuals.
However, there's a major drawback—when using Draw.io Integration in dark mode, the visibility of diagrams becomes quite poor. Since many objects have dark colors, it's difficult to work with them in dark mode.
Since I couldn't immediately figure out how to disable dark mode or change the color theme, I ended up wasting time. So, I'm writing this down as a reference.
Note: This article was translated from my original post.
How to Disable the Dark Theme
It's actually very simple.
Click on Theme: dark in the bottom-right corner of VSCode, and you can select a different color theme.
Now, just choose any color theme other than dark, and you're good to go.
Simple, right?
Conclusion
I spent a lot of time digging through the Draw.io Integration extension settings and adjusting VSCode's color themes.
Hopefully, this post saves someone else the trouble!
