拡張機能とは?
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つ紹介しましたが、カラーテーマに関しては他にもたくさんあるので、お好みの拡張を探してみるのもいいと思います!
よければいいねしてくれると嬉しいです!!