【更新日 : 】
【Night Owl Colorful HTML】HTMLタグの色数が多いVisual Studio Codeのテーマを公開しました
- Category：
- 開発環境
Visual Studio Codeの有名なテーマ「Night Owl」をベースに、HTMLタグの色数を増やした「Night Owl Colorful HTML」を公開しました。
HTMLタグのみ拡張したので、それ以外のファイルはNight Owlと同じカラーリングです。
完全に同じではありませんが.astroファイルにもある程度対応しています。
テーマの更新履歴
【2023.10.17】 Lightテーマを追加
【2023.10.16】 イタリック体のテーマパターンを追加
【2023.10.13】 テーマ公開
自分の気に入ったテーマやJSX内でHTMLのタグのみ色付けをしたい場合は、別の方が作成した「Color the tag name（タグに色つけ太郎）」という拡張機能がありますので、そちらをお試しください。
HTMLは階層が深くなることも多く、要素が増えれば増えるほどタグごとの視認性が低下していきます。
自分でコードを書いた直後なら構造も把握できているので目的のタグをすぐ参照できると思いますが、時間が経った後や他人が書いたコードを編集する必要がある場合は、全て同じ色だと目的のタグを探すのに少々時間がかかってしまうことも多いです。
特に編集頻度が高いaタグなどに異なる色が設定できていると、色情報でも探せるようになるので視認性の低下をある程度防ぐことができ作業効率も少し上がると思われます。
■色分けなし・ありの比較1
■色分けなし・ありの比較2
今までは個人的に自作した非公開テーマや、上記の「Color the tag name（タグに色つけ太郎）」を利用していたのですが、自分で探した範囲では既存テーマの中からHTMLタグごとに色分けされているものを見つけることができなかったため、このようなことも出来るという1例として今回公開することにしました。
本テーマを公開したことで今後HTMLタグに色付けしたテーマが増えるきかっけに少しでもなれば良いなと思っています。