6
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

オークファングループAdvent Calendar 2021

Day 22

Sublime Text 3からVisual Studio Codeへ…目に優しいTheme探しをしました

Last updated at Posted at 2021-12-21

こんにちは

オークファンWebデザイナーの@azneです。
Advent Calendarも4年目ですね。

今回はコードエディタのカラーテーマについて書きます。
Sublime Text 3を長年使っているのですが、時代はVisual Studio Codeときいて早速インストールしました。

カラーテーマはMaterialだ!

Sublime Text 3のカラースキームはMaterial Themeを好んで使っています。
なのでVSCodeにもMaterial Themeを入れます。
Material Theme (Visual Studio Marketplace)

ところが…

material.png

色が全然違うんですけど!ナンデ???
VSCodeの方が、なんか全体的に彩度が高くてギラギラしてる…?
ヤダ!目が痛い!見づらい!

(ちなみにMacBook Proの画面で見るとここまでギラギラしていません。
外付けのモニター(DELL、ASUS、BenQで試しました)だとこうなってしまいます。
こりゃHDMIケーブルを変えるしかないのか…?)

違うテーマを探す

どうやらSublime Text 3のMaterial ThemeはVSCodeのものとは全く別物のようです。
Material Themeの公式サイトにもSublime Textについては書かれていません。

でもSublime Text 3のMaterial Themeみたいな、黒板にチョークで書いたようなやさしい色にしたい!

設定をいじってテーマの色を変えるか…?
と、よくない考えがよぎりました。
めちゃくちゃ時間がかかりそうなので代わりになるテーマを探すことにしました。

探すとVSCodeのテーマについて紹介されてる記事がたくさんあったので色々と試してみました。

Rainglow

Rainglow (Visual Studio Marketplace)

これでどうだ!!

rainglow.png

いいじゃないか!!

こういうのでいいんだよ こういうので( ˘ω˘)

ちなみにRainglowをインストールするとテーマがたっっくさんあり、
ライトテーマ・コントラスト高めのテーマもあります。
(上の画像はComrade、Coffeeのものです)

ざっと見てみたところ、目に優しい配色のものが多いです。
お気に入りを見つけて気分で変えてみたりできるじゃないですか!いいですね!最高!
覚えたぞ!⌘K⌘T!

おわりに

丁度いいカラーテーマが見つかってよかったですヽ(=´▽`=)ノ
私が気にしすぎなのかもしれないですが、やはり長時間見るものは目に優しいほうがいいですよね。

VSCodeのMaterial Themeが嫌で、VSCode入れたものの全く使わないまま半年くらい放置してました。
↑度々検索してたんですが「VSCodeのMaterial Themeが嫌」とか言ってる人全く見つかりませんでした…同志がいたらコメントください。LGTMあげます。

6
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?