配色テーマを変更する

広告

Visual Studio Code の画面の様々な場所で使われている色は配色テーマで管理されています。配色テーマを変更することで簡単に Visual Studio Code の雰囲気を変更することができます。配色テーマはあらかじめいくつかの種類がインストールされていますが、公開されている配色テーマを追加でインストールして利用することもできます。ここでは Visual Studio Code の配色テーマを変更する方法について解説します。

配色テーマを変更する

Visual Studio Code で使用するテーマを変更するには、「ファイル」メニューの中にある「ユーザー設定」をクリックし、さらに表示されたサブメニューの中から「配色テーマ」をクリックしてください。

配色テーマを変更する(1)

「配色テーマの選択」画面が表示されます。

配色テーマを変更する(2)

デフォルトでは「Dark+ (既定のDark)」テーマが選択されています。例として「Light+ (既定のLight)」を選択してみます。

配色テーマを変更する(3)

Visual Studio Code の配色テーマが変更されて、様々な場所で使用されている色が変更されました。

配色テーマを変更する(4)

今度は配色テーマとして「Solarized Dark」を選択してみます。

配色テーマを変更する(5)

Visual Studio Code の配色テーマが変更されて、様々な場所で使用されている色が変更されました。

配色テーマを変更する(6)

このように配色テーマを変更することで、簡単に Visual Studio Code の見た目を変更することができます。

なお「配色テーマの選択」画面はコマンドパレットからでも表示することができます。「表示」メニューの中の「コマンドパレット」をクリックしてください。

配色テーマを変更する(7)

コマンドパレットが表示されたら「配色パレット」または「Theme」と入力してください。表示されたコマンドの中から「基本設定:配色テーマ」をクリックしてください。(英語の場合は Preferences:Color Theme をクリックしてください)。

配色テーマを変更する(8)

「配色テーマの選択」画面が表示されます。

配色テーマを変更する(9)

配色テーマを追加でインストールする

Visual Studio Code ではいくつかの配色テーマが最初からインストールされていますが、それ以外の配色テーマを使用したい場合には追加でインストールすることができます。「配色テーマの選択」画面が表示されたら「その他の色のテーマをインストール」をクリックしてください。

配色テーマを追加でインストールする(1)

画面左側に拡張機能としてインストール可能なテーマの一覧が表示されます。

配色テーマを追加でインストールする(2)

一覧の中からテーマをクリックすると、テーマに関する説明や使用している配色などを確認する画面が表示されます。

配色テーマを追加でインストールする(3)

気に入ったテーマが見つかったら「インストール」をクリックしてください。

配色テーマを追加でインストールする(4)

テーマには複数の配色テーマが含まれている場合があります。インストールが完了するとテーマの選択画面が表示されるのでいずれかをクリックしてください。

配色テーマを追加でインストールする(5)

新しい配色テーマが適用されました。

配色テーマを追加でインストールする(6)

追加でインストールした配色テーマをアンインストールする

追加でインストールした配色テーマを使用しなくなったらアンインストールすることができます。追加した時と同じ手順で画面左側に拡張機能としてインストール可能なテーマの一覧が表示してください。

追加でインストールした配色テーマをアンインストールする(1)

一覧の中から削除したいテーmを見つけて次のアイコンをクリックしてください。そして表示されたメニューの中から「アンインストール」をクリックしてください。

追加でインストールした配色テーマをアンインストールする(2)

配色テーマのアンインストールが完了しました。アンインストールしたテーマを使用していた場合は、自動的にデフォルトの配色テーマに切り替わるようです。

追加でインストールした配色テーマをアンインストールする(3)

-- --

Visual Studio Code の配色テーマを変更する方法について解説しました。

( Written by Tatsuo Ikura )

関連記事 (一部広告含む)
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。