拡張機能とは?
VSCode拡張機能とは、VSCodeの色を変更したり、コードを記述するうえでより便利に、より効率的になるような機能のことです。
今回は、その拡張の中で見た目に関係する、僕が実際に使っているテーマをご紹介します!
Noctis (カラーテーマ)

Noctisは、背景の色をきれいな色に変更してくれます!
見たほうが早いと思うので、下にサンプルを置いておきます。
| テーマ名 | サンプル |
|---|---|
| Noctis Azureus | ![]() |
| Noctis Bordo | ![]() |
| Noctis Hibernus | ![]() |
| Noctis Lilac | ![]() |
| Noctis Lux | ![]() |
| Noctis Minimus | ![]() |
| Noctis Obscuro | ![]() |
| Noctis Sereno | ![]() |
| Noctis Uva | ![]() |
| Noctis Viola | ![]() |
ちなみに僕はNoctis LuxやNoctis Azureusを愛用してます!
indent-rainbow (コードの装飾)

これも見てもらったほうがわかりやすいと思うので、サンプル貼ります。
| ライトテーマ | ダークテーマ |
|---|---|
![]() |
![]() |
こんな感じで、ライトのテーマでもダークのテーマでも、目立ってネストの構造がわかりやすくなります。
それと、この拡張機能は16進数のカラーコードが記述されていると、その色に背景が染まります。

↑こんな感じ
background-cover

vscodeの背景に画像をいれることができる拡張です。
使い方の記事はたくさんあったので、調べていただければいくらでも出てくると思います。
背景の透明度を調整することもできるので、自由な画像を好きなテーマの色でぼかすことができます!
割とまじで背景かわるとやる気出ます...w
終わりに
今回は3つ紹介しましたが、カラーテーマに関しては他にもたくさんあるので、お好みの拡張を探してみるのもいいと思います!
よければいいねしてくれると嬉しいです!!











