はじめに
Visual Studio Code(以下、VSCode)は柔軟にカスタマイズができるプログラミング エディターです。機能をアドインして使いやすさを追求することができるだけでなく、見た目についてもこだわりを持ってカスタマイズされている方も多いと思います。
今回はVSCodeのテーマについて個人的なおすすめを紹介します。目に優しい（チカチカしない） 、文字が読みやすい 、楽しくプログラミングできる ということが重要かなと個人的に、これらを意識して選びました。
おすすめテーマ
GitHub Theme
GitHubがリリースするVSCodeのテーマです。
GitHub Light Default
GitHub Light High Contrast
GitHub Light Colorblind
GitHub Dark Default
GitHub Dark High Contrast
GitHub Dark Colorblind
GitHub Dark Dimmed
この中でGitHub Dark Dimmedは適度に色数が多く使いやすいように思います。
GitHub Dark Dimmed
参考にしました
marketplace.visualstudio.com
GitHub Theme - Visual Studio Marketplace
https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme
Extension for Visual Studio Code - GitHub theme for VS Code
One Dark Pro
One Dark ProはGitHub Themeと共に人気のあるダーク系テーマです。
One Dark Pro
One Dark Pro Darker
One Dark Pro Flat
One Dark Pro Mix
One Dark Pro Flatはメソッドや変数がボールドになり視認しやすいと思います。また、GitHub Themeよりテキストと背景のコントラストが控えめで疲れにくい配色ではないでしょうか。
One Dark Pro Flat
参考にしました
marketplace.visualstudio.com
One Dark Pro - Visual Studio Marketplace
https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme
Extension for Visual Studio Code - Atom's iconic One Dark theme for Visual Studio Code
Dracula Official
Dracula Officialは様々なアプリに対応するテーマで、VSCode以外にもmacOSのターミナルやWindowsのNotepad++など向けにもリリースされています。オフィシャル サイト では他のアプリのためのテーマのインストール方法などが紹介されています。
Dracura Softはカラフルでかつ見やすい配色になっています。
Dracura Soft
参考にしました
marketplace.visualstudio.com
Dracula Theme Official - Visual Studio Marketplace
https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula
Extension for Visual Studio Code - The official Dracula Theme: a dark theme for many editors, shells, and more. 🦇
Shades of Purple
Shades of Purpleは名前の通り紫をベースとした配色です。紫ベースはあまりないのですが、意外と見やすいと思いましたので紹介します。
Shades of Purple (Super Dark)
Shades of Purple
参考にしました
marketplace.visualstudio.com
Shades of Purple - Visual Studio Marketplace
https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple
Extension for Visual Studio Code - 🦄 A professional theme suite with hand-picked & bold shades of purple for your VS Code editor and terminal apps. One of the excellent, most downloaded, and top-rated VSCode Themes on the marketplace. Part of VSCode.pro course.
Cobalt2 Theme Official
Cobalt2 Theme Officialは青ベースの配色です。テキストはカラフルな配色ですが、背景色とのコントラストのバランスがよく見やすいテーマだと思います。
Cobalt2
参考にしました
marketplace.visualstudio.com
Cobalt2 Theme Official - Visual Studio Marketplace
https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2
Extension for Visual Studio Code - 🔥 Official theme by Wes Bos.
Tokyo Night
Tokyo Nightは寒色系が多めの配色となっていて、目に優しく見やすいテーマです。こちら をご確認ください。
Tokyo Night
Tokyo Night Storm
Tokyo Night Light
Tokyo Night
参考にしました
marketplace.visualstudio.com
Tokyo Night - Visual Studio Marketplace
https://marketplace.visualstudio.com/items?itemName=enkia.tokyo-night
Extension for Visual Studio Code - A clean Visual Studio Code theme that celebrates the lights of Downtown Tokyo at night.
Noctis
Noctisは11種類の配色と数多くのプログラミング言語をサポートしているのが特徴です。こちら から確認できます。
Noctis Azureus
参考にしました
marketplace.visualstudio.com
Noctis - Visual Studio Marketplace
https://marketplace.visualstudio.com/items?itemName=liviuschera.noctis
Extension for Visual Studio Code - Noctis is a collection of light & dark themes with a well balanced blend of warm and cold colors
Ayu
最後にライト系のテーマを紹介します。Sublime Text のテーマとして作られてものをVSCode向けにポーティングされたものの様です。
Ayu Light Bordered
参考にしました
marketplace.visualstudio.com
Ayu - Visual Studio Marketplace
https://marketplace.visualstudio.com/items?itemName=teabyii.ayu
Extension for Visual Studio Code - A simple theme with bright colors and comes in three versions — dark, light and mirage for all day long comfortable work.
おわりに
おすすめのテーマを8種類紹介しました。
■ （広告）Visual Studio Codeのオススメ解説書！■
参考リンク
参考にしました
marketplace.visualstudio.com
Visual Studio Marketplace
https://marketplace.visualstudio.com/search?target=VSCode&
は柔軟にカスタマイズができるプログラミング エディターです。機能をアドインして使いやすさを追求することができるだけでなく、見た目につ){kind=link}