このダークテーマは目に優しく、コードも見やすい! VS Codeのエレガントなモノクロームのテーマファイル -Sequoia
Post on:2022年7月5日
ダークテーマは好きだけど、#000のブラックだったり、テキストが派手なカラーだったりすると、目が疲れませんか?
背景のブラックはほんの少しだけブルーがかった夜空のように落ち着いた色合いで、グレーの濃淡だけのMonochromeと淡いカラーで構成されたMoonlightの2種類の配色が用意された、VS Code用のテーマファイルを紹介します。
![VS Codeのエレガントなモノクロームのテーマファイル -Sequoia](http://coliss.com/wp-content/uploads-202203/2022070210@2x.png)
Sequoia for VS Code
Sequoia for VS Code -GitHub
Sequoia for VS Codeの公式サイトは、下記から。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202203/2022070213-01.png)
Sequoiaには、2種類のテーマが揃っています。
- Sequoia Monochrome
- Sequoia Moonlight
個人的には、モノクロームのSequoia Monochromeがいいですね!
画像にするとグレーの違いがわかりにくいかもしれませんが、VS Codeでコードを見ると、グレーの濃淡ははっきり分かります。目に優しく、見やすいです。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202203/2022070211-02.png)
Sequoia Monochrome
Sequoia Monochromeのカラーパレットです。
背景には#0d0e10が使用されており、落ち着きのあるブラックです。
![Sequoia Monochromeのカラーパレット](http://coliss.com/wp-content/uploads-202203/2022070212-02.png)
Sequoia Monochromeのカラーパレット
モノクロームだとちょっと分かりにくいという人には、こちらがお勧めです。カラフルですが、色味は少し控えめなので、見やすいです。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202203/2022070211-01.png)
Sequoia Moonlight
Sequoia Moonlightのカラーパレットです。
![Sequoia Moonlightのカラーパレット](http://coliss.com/wp-content/uploads-202203/2022070212-01.png)
Sequoia Moonlightのカラーパレット
ブラウザ版のVS Codeにテーマを適用して、どのようになるか確認できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202203/2022070213-02.gif)
Sequoia Monochromeのプレビュー
Sequoia Moonlightのプレビュー
Sequoiaのインストールは、VS Codeの通常のテーマと同じです。
インストールは、下記ページから。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202203/2022070213-07.png)
「Install on VS Code」をクリックすると、VS Codeでテーマファイルが開くので、「インストール」をクリックするだけです。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202203/2022070213-04.png)
VS Codeでのインストール画面
sponsors