VSCodeをカッコよくするTheme拡張7つ

前回、[インストールするだけでVSCodeをカッコよくする拡張4つ](https://qiita.com/ksakiyama134/items/8ca98295897dc1280644)という記事を書きました。非常に多くの方にいいねしてもらえて嬉しかったです。こんなに反応していただけるなんて、まったく想定していませんでした。それだけVSCodeが人気なエディタという事ですね！

**「[Dracula Theme](https://draculatheme.com/)は、自分にはちょっと…」**
**「モノトーンでカッコいいThemeないですか？」**

など、Color Themeに関する質問をいただきました。なので今回は、私がカッコいいと思ったThemeを共有しようと思います。
ちなみに、私の投稿より[VSCodeThemes](https://vscodethemes.com/)というサイトを使うともっとたくさんのThemeを見つけることができます！

* [Cobalt2](https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2)
* [Noctis](https://marketplace.visualstudio.com/items?itemName=liviuschera.noctis)
* [Verdandi](https://marketplace.visualstudio.com/items?itemName=be5invis.theme-verdandi)
* [Ayu](https://marketplace.visualstudio.com/items?itemName=teabyii.ayu)
* [Shades of Purple](https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple)
* [Material Theme](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme)
* [Rainglow](https://rainglow.io/)

# Cobalt2
[Cobalt2](https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2)は、私が[Dracula](https://draculatheme.com/)の次に好きなThemeです。
Draculaほど強調が強くなく、かつ緑・青の鮮やかな配色がとても気に入っています。

<table><tr><td>
<img width="1090" alt="Screen Shot 2018-11-22 at 21.00.36.png" src="https://qiita-image-store.s3.amazonaws.com/0/10499/e7aad654-5c32-c70a-8f1e-f64adbd78aed.png">
</td></tr></table>

**Marketplace**
https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2

# Noctis
また青緑系ですが、[Noctis](https://marketplace.visualstudio.com/items?itemName=liviuschera.noctis)もかなり好きです。濃い緑が特徴で、他のハイライト色が目立って見やすいと思います。

<table><tr><td>
<img width="1090" alt="Screen Shot 2018-11-22 at 21.08.39.png" src="https://qiita-image-store.s3.amazonaws.com/0/10499/0542b0ea-04f4-8ce2-977e-f7915b8115bc.png">
</td></tr></table>

**Marketplace**
https://marketplace.visualstudio.com/items?itemName=liviuschera.noctis

# Verdandi
[Verdandi](https://marketplace.visualstudio.com/items?itemName=be5invis.theme-verdandi)はグレースケールでシンタックスハイライトを表示してくれます。
背景が白のもの、背景が黒のものと2種類を選択できます。下記は背景黒の"Verdandi Alter"です。プログラマーはこちらの方が好みだったりするかもしれませんね。

<table><tr><td>
<img width="1090" alt="Screen Shot 2018-11-22 at 20.56.37.png" src="https://qiita-image-store.s3.amazonaws.com/0/10499/be3137c9-5618-1f95-e62b-c161c0e107e8.png">
</td></tr></table>

**Marketplace**
https://marketplace.visualstudio.com/items?itemName=be5invis.theme-verdandi

# Ayu
[Ayu](https://marketplace.visualstudio.com/items?itemName=teabyii.ayu)は名前の通り可愛らしい（？）色使いが特徴です。
Light,Dark,Mirageの3種類が入っていて、それぞれの雰囲気を楽しめます。下記はLightとDarkのものです。Lightがけっこう可愛い感じで、気に入っています。

<table><tr><td>
<img width="1090" alt="Screen Shot 2018-11-22 at 21.13.00.png" src="https://qiita-image-store.s3.amazonaws.com/0/10499/b1fed4a7-6a2a-ae9a-f886-5b2bfbbf59a9.png">
</td></tr></table>

<table><tr><td>
<img width="1090" alt="Screen Shot 2018-11-22 at 21.08.39.png" src="https://qiita-image-store.s3.amazonaws.com/0/10499/fc59b276-70b7-3f73-d099-aac4ce1aabee.png">
</td></tr></table>

**Marketplace**
https://marketplace.visualstudio.com/items?itemName=teabyii.ayu

# Shades of Purple
紫を基調とした[Shades of Purple](https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple)です。

<table><tr><td>
<img width="1090" alt="Screen Shot 2018-11-22 at 21.08.39.png" src="https://qiita-image-store.s3.amazonaws.com/0/10499/25edb63c-1463-6bef-066a-65238ac1adc1.png">
</td></tr></table>

**Marketplace**
https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple

# Material Theme
こちらはIcon Themeもセットになっている[Material Theme](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme)です。そのため、全体のバランスがかなり取れている印象です。

<table><tr><td>
<img width="1090" alt="Screen Shot 2018-11-22 at 21.08.39.png" src="https://qiita-image-store.s3.amazonaws.com/0/10499/e35dd809-ef16-bfd4-b1ed-40b839297ab0.png">
</td></tr></table>

**Marketplace**
https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme

# Rainglow
最後はそのオオトリにふさわしいTheme、[Rainglow](https://rainglow.io/)です。1つをサンプルで表示していますが、数十種類のパターンが用意されています。この中からお気に入りのThemeを探してみると、きっと気にいるのがあると思います！

<table><tr><td>
<img width="1090" alt="Screen Shot 2018-11-22 at 21.08.39.png" src="https://qiita-image-store.s3.amazonaws.com/0/10499/1a720f71-4e9a-ea0b-bee4-dbdf11b419ea.png">
</td></tr></table>

**Marketplace**
https://marketplace.visualstudio.com/items?itemName=daylerees.rainglow

# おまけ
時間帯によってThemeを変更する場合は、下記のような拡張をインストールするといいかもです。

* [Day Night Theme Switcher](https://marketplace.visualstudio.com/items?itemName=freetonik.day-night-theme-switcher)

**Marketplace**
https://marketplace.visualstudio.com/items?itemName=freetonik.day-night-theme-switcher

# 最後に
普段使っているエディタの見た目が変わると、それだけで自分の気分も変わってくると思います。私はコーディング時の気分により、Themeをいろいろと変えています。**Theme変更の適用が速いのも、VSCodeの魅力ですね。**これら以外でもお好みのThemeを探してみると良いかもしれません。