vscode-drawio icon indicating copy to clipboard operation
vscode-drawio copied to clipboard

vscode-drawio shows up as purple in dark mode

Open scubanarc opened this issue 1 year ago • 2 comments

Using VSCode in dark mode with default options, vscode-drawio is showing up as a kind of purple color. This happens if the theme is set to either automatic or dark. The other themes work fine, but none of them are dark.

Can I edit the theme somehow to change the colors?

Here's a screenshot of the purple'ish color:

drawio-purple

scubanarc avatar Dec 14 '23 19:12 scubanarc

Same, its gross

nelchael730 avatar Jan 04 '24 10:01 nelchael730

I found a temporary fix. Edit this file:

C:\Users{username}.vscode\extensions\hediet.vscode-drawio-1.6.6\drawio\src\main\webapp\styles\dark.css

Near the top in the root selector, change the variable for panel-color to #181818, like this:

--panel-color: #181818;

You do not have to restart VSCode, just close and re-open your drawing.

scubanarc avatar Jan 05 '24 01:01 scubanarc