自分好みのVS Codeのテーマをブラウザでプレビューを見ながら作成できる・「Theme Studio」

Ads

Theme Studio


Theme Studioは自分好みのVS Codeのテーマをブラウザでプレビューを見ながら作成できるWebアプリです。

使い方は簡単で、各所の色を決めていくだけ、というものになりますが、その「各所」の数が非常に大量にあります。全部で240か所くらいだと思います。

全てを1から決めるのではなく、一応ダークとライトの雛型が用意されていますのでどちらかを選んで色を決めていき、終わったらJSONファイルをダウンロードして利用する、という流れの様です。

Ads


左カラムで場所を選び、任意の色を決めていく作業になります。

場所は多くに3つに分けられていて、左上のタブで選択できます。「COLORS」ではサイドバーやタイトル、ボタンなど外観メイン、「EDITOR」では名前通りエディタの機能部分の色、「SYNTAX」はコードのカラーになります。

インストール前に確認できるのは良いですよね。僕自身はATOM派でVS Codeは使わなくなってしまったので実際にテーマとして利用できるか確認できていない為、何とも言えませんがATOM版があれば使いたいなぁと思いました。利用にはユーザー登録が必要の様ですが、GoogleやGithub等のアカウントがあればログイン可能です。有償プラン等も今のところはないみたいです。

Theme Studio

タイトルとURLをコピーしました