ズボラなサラリーマンのDiary

ズボラなサラリーマンが記事を書いています。自分の興味あることをあげているので、見ていただけると幸いです。http://www.youtube.com/@zuborakaishain

【Visual Studio Code】VScodeのテーマ(カラー)を変更する

今回はVScodeのテーマ(カラー)を変更方法を記載しようと思います。

※本記事では、VScodeの表示が日本語になっています。

日本語に変更していない方は、以下を参考に日本語すると操作しやすいかもしれません。 

www.aroundthirty.com

変更方法

VScodeを開いたら画面左したの、"設定ボタン"(歯車)をクリックします。

クリックした後、"テーマ"にカーソルを合わせて、"配色テーマ"をクリックします。

"配色テーマ"をクリックすると、画面上に以下のような表示が出ます。

現在の色は、"Dark Modern"ですので"Light"を選択してみます。

"Light"を選択すると以下のように画面が変更されました。

他にも"Red"や"Abyss"などの色もありました。

個人的にはAbyssが落ち着いていてよかったので、飽きるまでこちらを使っていこうと思います。

余談ですが、なぜAbyssと思って調べたら、Abyss color(深い青色)っていうのがあるんですね。知りませんでした...(参考:Abyss color hex code is #02225D)

自分で配色をカスタマイズする方法もあるみたいなので、そちらも試したら備忘録を作成できたらと思います。

上記以外の変更方法

一応、上記以外にも左上のファイルからユーザー設定で変更する方法や、Ctrl+Kの後にCtrl+Tを押す方法(初期設定の場合)などがあるようです。

自分が覚えやすい方法を一つ覚えておけば、すぐに変更できるので便利ですね!
(そんなに使うことはないか...)

 

最後に

最後まで読んでいただきありがとうございました!

ほかにも記事を書いておりますので、是非読んでいただけると嬉しいです!

www.aroundthirty.com