💅

Neovimで表示されるTypeScriptロゴを変更する

2022/11/01に公開

ステータスラインやファイルツリー上でロゴを表示するためのプラグインにnvim-web-devicons[1]というものがあります。

https://github.com/nvim-tree/nvim-web-devicons

しかし,なぜかTypeScript/JavaScriptだけ微妙な感じのロゴが設定されています。

微妙な感じのロゴ

今回はこれを変更していきます。

手順

まずNerd Fontでロゴを検索します。
今回は左の方をコピーします。マウスオーバーしてiconをクリックしてください。

検索した結果

次に,以下のコードをコピーし,必要な部分に追記してください。

require('nvim-web-devicons').setup({
  override = {
    ts = {
      icon = 'ﯤ', -- Nerd Fontでコピーしたアイコン
      color = '#3178C6' -- TypeScriptの色
    }
  }
})

色に関してはTypeScript BrandingのPaletteから拝借しました。
変更が反映されればOKです。[2]

変更後

他のロゴを変更したい場合は

上のコードのtsの部分を変更したいロゴの名前にするだけです。
もし名前がわからない場合は,filetypeからロゴ名を検索する関数が用意されています。

lua print(require'nvim-web-devicons'.get_icon_by_filetype('javascript'))
> DevIconJs

lua print(require'nvim-web-devicons'.get_icon_by_filetype('lua'))
> DevIconLua

ほとんどREADMEと同じ内容になってしまいましたが,参考になれば幸いです。

脚注
  1. いつの間にかnvim-treeのOrganizationsレポジトリになってました。 ↩︎

  2. 色に関しては何故か反映されませんでした。理由がわかる方がいればコメントお願いします。 ↩︎

GitHubで編集を提案

Discussion