このすみノート

Webエンジニアが技術や趣味を書くブログです。

VSCodeのカラーテーマを、Ayu Mirage Borderedに変更した

気分転換で、Visual Studio Code (VSCode)のカラーテーマをAyu Mirage Borderedに変更しました。

marketplace.visualstudio.com

Ayuのいいところ

A simple theme with bright colors and comes in three versions — dark, light and mirage for all day long comfortable work.
https://marketplace.visualstudio.com/items?itemName=teabyii.ayu

Ayuは文字の視認性と色使いの程よいバランスがよく、快適です。

私は主に、プログラミングと文章書きでVSCodeを使っております。 そのどちらにおいても、今のところ満足しています。

Ayu Mirage Borderedのいいところ

Ayuには6テーマが搭載されています。

  1. Ayu Light
  2. Ayu Light Bordered
  3. Ayu Mirage
  4. Ayu Mirage Bordered
  5. Ayu Dark
  6. Ayu Dark Bordered

その中でMirage Borderedを選択した理由は、白と黒の濃淡が濃すぎず、目が疲れにくいと感じたからです。

私事ですが、眼鏡がないと運転免許の更新が厳しいくらいには視力が低下しておりまして、目に優しいは喫緊の課題です。 小学生の頃は、視力も1.0〜1.5くらいはあったと記憶しているのですが。

今まで使っていたVSCodeのカラーテーマ

先月までは、「GitHub Theme」を使っておりました。 仕事もプライベートも「GitHub Theme」にするくらいには気に入っていて、Ayuと同じくらいオススメです。

GitHub theme for VS Code
https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme

  1. GitHub Light Default
  2. GitHub Light High Contrast
  3. GitHub Light Colorblind
  4. GitHub Dark Default
  5. GitHub Dark High Contrast
  6. GitHub Dark Colorblind
  7. GitHub Dark Dimmed
  8. GitHub Light (legacy)
  9. GitHub Dark (legacy)

LightまたはDarkのDefaultから始めて、好みに応じて High Contrast / Dimmed / Colorblind を選択できます。 なお、legacyは旧テーマで、今後アップデートされない可能性がありそうです。

あとがき

VSCodeのお気に入りカラーテーマを、いくつかストックしておこうかなと感じている今日この頃です。

私自身が飽きやすい性格だからなのかもしれませんが、エディタのカラーテーマを変えるだけでも気分が一新でき、やる気が増してくるから不思議です。