BioErrorLog Tech Blog

試行錯誤の記録

VSCodeのDraw.ioのダークテーマを解除する

VSCode上で利用するDraw.ioのダークテーマを解除する方法の備忘録です。

Draw.ioのダークテーマは使いにくい

VSCode拡張の"Draw.io Integration"は、VSCode上でDraw.ioを扱える便利な機能です。 アーキテクチャ図を書いたり、ドキュメントの図を書いたりするときに重宝しています。

しかしこのDraw.io Integration、ダークモードだと非常に見にくいのが難点。 黒系統のオブジェクトは多いので、ダークモードだと図を描くのに苦労します。

ダークモードだと見にくいオブジェクトが多い

このダークモードを解除する方法 / 別のカラーテーマを設定する方法がパッとわからず無駄な時間を浪費したので、備忘録にメモします。

ダークテーマの解除方法

実はとても簡単です。

VSCode右下のTheme: dark表示をクリックすると、他のカラーテーマを設定できます。

VSCode右下の"Theme: dark"をクリック

他のカラーテーマを選択

これでdark以外のカラーテーマをお好みで選択すればOKです。

簡単ですね。

おわりに

Draw.io Integration拡張の設定を色々と探し回ったり、VSCodeそのもののカラーテーマをいじくったりして時間を無駄に使ってしまいました。

どなたかの参考になれば幸いです。