VS Codeのこのダークテーマ、コードが見やすい! 色の一貫性を向上させ、見やすさを改善したテーマ -Darcula Dark
Post on:2023年4月18日
VS Codeはその機能も魅力ですが、豊富なテーマも魅力の一つです。
ダークテーマの新しいのがリリースされていたので、試してみたらかなり良かったので、紹介します。リリースされたのは1ヵ月ほど前ですが、すでに27Kもインストールされています。
Dracula Themeのフォークで、色の一貫性を向上させ、コーディングセッション中の見やすさを改善したテーマです。

Darcula Darkのインストール
Darcula Darkのインストールは、通常のテーマと同じです。
VS Codeのマーケットプレイスからインストールします。

Darcula Dark -Visual Studio Marketplace
ページにアクセスしたら「install」をクリックし、VS Codeで開きますかと表示されるので、VS Codeで開くと下記が表示されます。あとは、「インストール」をクリックするだけです。

VS Codeで開いたところ
Darcula Darkを使用してみた
Darcula Darkをインストールしてから3週間ほど経ちますが、どのコードを開いても見やすく、かなり気に入っています。
まずは、HTMLを開いたところ。
背景は#0d0d0d
で、テキストのホワイトは#f6f6ef
です。

HTMLを開いたところ
続いて、CSSを開いたところ。
コードの色は全体的に明るめながら、どぎつい感じではないので、見やすいです。

CSSを開いたところ
最後は、JavaScriptを開いたところ。

JavaScriptを開いたところ
sponsors