【Visual Studio Code】背景色を変更するやり方を解説します

Visual Studio Code

こんにちは。たいら(@tairaengineer2)です。

この記事ではVisual Studio Code背景色を変更する方法を解説します。

注意事項

次章よりVisual Studio Codeの背景色の変更する方法を解説します。
1点注意点があります。
それは英語で行っているということです。
ただ英語で行っていても、違いは本当に言語しかありません。
英語と日本語でたとえばドロップダウンリストの値の表示位置が変わる、ということはありませんのでご安心ください。

Visual Studio Codeのインストールは、こちらの記事をご参考ください。

Visual Studio Codeの背景色の変更する方法を解説

Visual Studio Codeの背景色の変更する方法を解説します。
Visual Studio Codeを開きます。

上のバーにある【File】を選択します。

ドロップダウンリストが表示されます。
ここで

  1. Preferences
  2. Color Theme

の順番で選択します。

下の赤枠から背景色にしたい色を選択すれば完了です!

Visual Studio Codeの背景色の種類

この章では、Visual Studio Codeの背景色の種類を紹介します。
背景色は以下が選択できます。

  • Light(Visual Studio)
  • Light+(default light)
  • Quiet Light
  • Solarized Light
  • Abyss
  • Dark(Visual Studio)
  • Dark+(default light)
  • Kimbie Dark
  • Monokai
  • Monokai Dimmed
  • Red
  • Solarized Dark

それぞれを見ていきます。

背景色:Light(Visual Studio)

Light(Visual Studio)を選択すると下画像になります。

背景色:Light+(default light)

Light+(default light)を選択すると下画像になります。

Light(Visual Studio)とLight+(default light)の違いはよくわかりません。。。

背景色:Quiet Light

Quiet Lightを選択すると下画像になります。

背景色:Solarized Light

Solarized Lightを選択すると下画像になります。

背景色:Abyss

Abyssを選択すると下画像になります。

背景色:Dark(Visual Studio)

Dark(Visual Studio)を選択すると下画像になります。

背景色:Dark+(default light)

Dark+(default light)を選択すると下画像になります。

Dark(Visual Studio)とDark+(default light)の違いはよくわかりません。。。

背景色:Kimbie Dark

Kimbie Darkを選択すると下画像になります。

背景色:Monokai

Monokaiを選択すると下画像になります。

背景色:Monokai Dimmed

Monokai Dimmedを選択すると下画像になります。

背景色:Red

Redを選択すると下画像になります。

背景色:Solarized Dark

Solarized Darkを選択すると下画像になります。

まとめ:Visual Studio Codeの背景色を変更してみよう

以上がVisual Studio Codeの背景色を変更するやり方の解説です。

あなたのご参考になったのなら、とても嬉しいです(*´▽`*)
ではでは~(・ω・)ノシ

コメント

タイトルとURLをコピーしました