Visual Studio Codeで見やすいテーマファイルのまとめ

Web制作時などのコーディングの作業が捗る、コードがはっきりと見やすくて、使いやすい Visual Studio Codeのテーマを紹介します。

ダーク系が好きな人も、ライト系が好きな人も、そしてクリーム系やMaterialカラーのテーマなど、いろいろ揃っています。

サイトのキャプチャ

VSCodeThemes
VSCodeThemes -GitHub

VSCodeThemesでは、Visual Studio Codeのさまざまなテーマがまとめられています。

Visual Studio Codeで使いやすいテーマファイル

まずは制作者に人気が高い、暗い色を使用したダーク系のテーマ。

Visual Studio Codeのダーク系テーマ

VS Codeのダーク系テーマ

目に優しい、明るい色のライト系のテーマ。

Visual Studio Codeのライト系テーマ

Visual Studio Codeのライト系テーマ

ダーク系・ライト系のテーマから、特に人気が高いVisual Studio Codeのテーマをピックアップします。

Visual Studio Codeのテーマ

One Dark Pro

Visual Studio Codeのテーマ

Atom One Dark

Visual Studio Codeのテーマ

Dark+ Material

Visual Studio Codeのテーマ

Hopscotch

Visual Studio Codeのテーマ

Ayu Mirage

Visual Studio Codeのテーマ

dark-plus-syntax

Visual Studio Codeのテーマ

One Monokai

Visual Studio Codeのテーマ

Palenight Theme

Visual Studio Codeのテーマ

Winter is Coming(Light)

Visual Studio Codeのテーマ

Eva Light

Visual Studio Codeのテーマ

Spacegray Ocean Light

Visual Studio Codeのテーマ

Solarized Light

Visual Studio Codeで人気が高いテーマは他にもたくさんあります。

Visual Studio Codeの人気が高いテーマ

Visual Studio Codeで人気が高いテーマ

Visual Studio Codeのテーマのインストールと変更方法

Visual Studio Codeのテーマファイルを変更するのは、簡単です。
テーマファイルは、それぞれのページからダウンロードできます。

サイトのキャプチャ

Solarized Light

「Open in VSCode」をクリックすると、Visual Studio Codeが開きます。

Visual Studio Codeが開くので、右下の「インストール」をクリックします。

Visual Studio Codeのキャプチャ

Visual Studio Codeで開いたところ

インストールが完了したら、Visual Studio Codeの「基本設定 - 配色(command+K command+T)」からテーマを選択します。

Visual Studio Codeのキャプチャ

テーマを変更

sponsors

top of page

©2018 coliss