VS Codeのこのダークテーマ、コードが見やすい！色の一貫性を向上させ、見やすさを改善したテーマ -Darcula Dark

Post on:2023年4月18日

sponsors

VS Codeはその機能も魅力ですが、豊富なテーマも魅力の一つです。
ダークテーマの新しいのがリリースされていたので、試してみたらかなり良かったので、紹介します。リリースされたのは1ヵ月ほど前ですが、すでに27Kもインストールされています。

Dracula Themeのフォークで、色の一貫性を向上させ、コーディングセッション中の見やすさを改善したテーマです。

Darcula Darkのインストール

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

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

VS Codeで開いたところ

Darcula Darkをインストールしてから3週間ほど経ちますが、どのコードを開いても見やすく、かなり気に入っています。

まずは、HTMLを開いたところ。
背景は#0d0d0dで、テキストのホワイトは#f6f6efです。

HTMLを開いたところ

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

CSSを開いたところ

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

JavaScriptを開いたところ