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

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

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

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

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のダーク系テーマ

Tokyo Night Storm

Visual Studio Codeのライト系テーマ

Tokyo Night Redux

Visual Studio Codeのダーク系テーマ

Shades of Purple

Visual Studio Codeのダーク系テーマ

SynthWave '84

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

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

©2021 coliss