緑を基調とした VS Code のダークテーマを公開しました
更新日 投稿日 2025年11月14日
前書き
最近 Visual Studio Code の拡張機能としてほしい機能があり、拡張機能を作成したいと考えていました。
しかし、いきなり本命を作ろうとしても後々改善点が見えてくると思うので、とりあえず簡単な拡張機能を作成してリリースしようと考えました。
そして、セマンティックハイライトにもこだわりがあるので、これを機に拡張機能として自分のテーマを完成させました。
テーマの特徴
VS Code 標準のダークテーマとして搭載されている Dark Modern Theme を基に、標準のテーマカラーである青を緑に置き換えたようなシンプルなデーマになっています。
また、セマンティックハイライトは Visual Studio 2015 時代の C++ で提供されていたテーマも参考にしています。
標準で使用されているきつめの色は少し白に近づけて優しい色にしました。
コード全体を見渡した時にごちゃごちゃせず、すっと見やすい配色にしています。
拡張機能のダウンロード
以下が拡張機能のページになります。
VS Code からダウンロードしてみてください。
https://marketplace.visualstudio.com/items?itemName=nicoyou.theme-dark-modern-pro
この拡張機能は、Visual Studio Code 標準テーマ「Dark Modern」をベースに、コードがより見やすく、理解しやすくなるように微調整されたテーマです。 配色はデフォルトの雰囲気を大きく崩さず、画面の見やすさを追求。 システムカラーには、目に優しい緑色を基調とした色合いを採用しています。
幅広いプログラミング言語に対応し、特にTypeScriptやPythonにおいては、言語特有の構文に最適化されたテーマ設定が施されています。