vscode-iconsでtestファイルのアイコンが見にくいのを直す

vscode-iconsを入れて「うおおおお!すげえ見やすいいいいい!」ってなったのですが

以下の2つのファイルのアイコンが似てて視認しづらい。

  • .test.ts
  • .ts


▲これくらい拡大すると分かりやすいけど、小さいアイコンだと似たような色をしているので分かりづらい。

 

なのでこれをどうにかするために色々調べたのですが、どうやら以下のページを内容などを参考にすると、「この拡張子のファイルは自分が用意したこのアイコンにカスタムする」みたいなことができるぽい。

https://github.com/vscode-icons/vscode-icons/wiki/Custom

 

でも、わざわざそんな面倒なことしたくない!

そうして色々いじってたら、vscode-iconsの設定の中に以下のような項目を発見👇

 

この設定をONにすると、.tsファイルのアイコンが.testファイルのアイコンが別のものに変わって、結果的に.testファイルと違いが生まれて視認しやすくなりました👇

 

本当はデフォルトのアイコンみたいに「.testファイルはオレンジ色にする」みたいにできれば最高だったのですが👇

これでも最初よりだいぶマシになったので、これで解決ということにしました。

 

おわり

その他
スポンサーリンク
この記事を書いた人
penpen

1991生まれ。WEBエンジニア。

技術スタック:TypeScript/Next.js/Express/Docker/AWS

フォローする
フォローする

コメント

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