コードが非常に見やすくて、使いやすい！Visual Studio Codeでお勧めのテーマファイル -Code Blue

目に優しいブルーの背景に、コードは明るいカラーで非常に見やすいVisual Studio Codeのテーマファイルを紹介します。一般的な言語はすべてサポートされており、HTML, CSS, JavaScriptをはじめ、Markdownも見やすいテーマです。

Code Blue
Code Blue -GitHub

• Visual Studio Codeのテーマ: Code Blue
• Code Blueのインストール、テーマの変更方法

テーマをもっといろいろ見てみたい人には、先日の記事もお勧めします。

• Visual Studio Codeで見やすいテーマファイルのまとめ

Visual Studio Codeのテーマ: Code Blue

各言語でどのように見えるかチェックしてみましょう。
画像は縮小していますが、コードが見やすいのが分かると思います。

HTML

JavaScript

SCSS

TypeScript

Python

Go

C#

Markdown

JSON

PHP

Code Blueのインストール、テーマの変更方法

Code Blueは無料で、下記ページからインストールできます。

Code Blue -Visual Studio Marketpalace

「Install」ボタンをクリックすると、Visual Studio Codeが起動し、Code Blueが表示されます。右下に「インストール」が表示されるので、クリックで完了です。

Visual Studio Code

テーマを変更するには、Visual Studio Codeの「基本設定 - 配色（command+K command+T）」からテーマを選択します。

テーマをCode Blueに変更