VS Code:HTML・CSS・JSでの見栄え確認しながらテーマを探すことができる「VSCodeThemes」

VS Code:HTML・CSS・JSでの見栄え確認しながらテーマを探すことができる「VSCodeThemes」

「VSCodeThemes」は、その名の通りVS Codeで使用できるテーマがまとめられているサイトです。
ダーク系とライト系とでテーマタイプを絞って見比べることができ、さらにHTML・CSS・JavaScriptそれぞれの言語での見栄えを確認することもできます。

VSCodeThemes

サイトTOPでは上からトレンドテーマ・ダーク系テーマ・ライト系テーマの順で掲載されており、ヘッダーのロゴ右にあるナビ または 各カルーセル末尾にあるリンクから、より沢山のテーマを見比べることができるタイプ毎の一覧ページに移動できます。
また、表示されているエディタの見栄え内では各言語での見栄えが確認できるようになっており、左からjavascript, css, htmlと並んでいるタブで切り替えることができます。

キーワード "monokai" での検索結果

キーワード "monokai" での検索結果

自分が好きなテーマ名や探したいテーマ名がわかっているのであれば、ヘッダーに用意されている検索機能を使うと容易に辿り着けて便利です。

テーマの詳細表示

一覧で表示されているエディタにホバーすると表示される「View Extension」をクリックで上のキャプチャのようにテーマ名や作者名といったテーマの詳細情報が表示されます。
その中にある「Open in VSCode」をクリックすればVS Codeが開くので、あとはいつも通りインストールすればテーマを適用させることができます。

Close the search window,
please press close button or esc key.