LoginSignup
1
1

【VSCode】おすすめのテーマ拡張機能

Last updated at Posted at 2024-05-22

拡張機能とは?

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

Noctis (カラーテーマ)

image.png
Noctisは、背景の色をきれいな色に変更してくれます!
見たほうが早いと思うので、下にサンプルを置いておきます。

テーマ名 サンプル
Noctis Azureus image.png
Noctis Bordo image.png
Noctis Hibernus image.png
Noctis Lilac image.png
Noctis Lux image.png
Noctis Minimus image.png
Noctis Obscuro image.png
Noctis Sereno image.png
Noctis Uva image.png
Noctis Viola image.png

ちなみに僕はNoctis LuxNoctis Azureusを愛用してます!

indent-rainbow (コードの装飾)

image.png
これも見てもらったほうがわかりやすいと思うので、サンプル貼ります。

ライトテーマ ダークテーマ
image.png image.png

こんな感じで、ライトのテーマでもダークのテーマでも、目立ってネストの構造がわかりやすくなります。

それと、この拡張機能は16進数のカラーコードが記述されていると、その色に背景が染まります。
image.png
↑こんな感じ

background-cover

image.png
vscodeの背景に画像をいれることができる拡張です。
使い方の記事はたくさんあったので、調べていただければいくらでも出てくると思います。

背景の透明度を調整することもできるので、自由な画像を好きなテーマの色でぼかすことができます!
割とまじで背景かわるとやる気出ます...w

終わりに

今回は3つ紹介しましたが、カラーテーマに関しては他にもたくさんあるので、お好みの拡張を探してみるのもいいと思います!

よければいいねしてくれると嬉しいです!!

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1