Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
142
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

posted at

updated at

Organization

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

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

Dracula Themeは、自分にはちょっと…」
「モノトーンでカッコいいThemeないですか?」

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

Cobalt2

Cobalt2は、私がDraculaの次に好きなThemeです。
Draculaほど強調が強くなく、かつ緑・青の鮮やかな配色がとても気に入っています。

Screen Shot 2018-11-22 at 21.00.36.png

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

Noctis

また青緑系ですが、Noctisもかなり好きです。濃い緑が特徴で、他のハイライト色が目立って見やすいと思います。

Screen Shot 2018-11-22 at 21.08.39.png

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

Verdandi

Verdandiはグレースケールでシンタックスハイライトを表示してくれます。
背景が白のもの、背景が黒のものと2種類を選択できます。下記は背景黒の"Verdandi Alter"です。プログラマーはこちらの方が好みだったりするかもしれませんね。

Screen Shot 2018-11-22 at 20.56.37.png

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

Ayu

Ayuは名前の通り可愛らしい(?)色使いが特徴です。
Light,Dark,Mirageの3種類が入っていて、それぞれの雰囲気を楽しめます。下記はLightとDarkのものです。Lightがけっこう可愛い感じで、気に入っています。

Screen Shot 2018-11-22 at 21.13.00.png
Screen Shot 2018-11-22 at 21.08.39.png

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

Shades of Purple

紫を基調としたShades of Purpleです。

Screen Shot 2018-11-22 at 21.08.39.png

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

Material Theme

こちらはIcon ThemeもセットになっているMaterial Themeです。そのため、全体のバランスがかなり取れている印象です。

Screen Shot 2018-11-22 at 21.08.39.png

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

Rainglow

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

Screen Shot 2018-11-22 at 21.08.39.png

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

おまけ

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

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

最後に

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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
142
Help us understand the problem. What are the problem?