nvimでTailwindCSSの色コードを高速にプレビュー

nvimでCSSなどの色コードを高速にプレビュー可能なpluginとしてnorcalli/nvim-colorizer.luaがあり、利用しているnvimユーザーも多いかと思います。

しかし、メンテナンスが3年前で止まっていて、その後流行したTailwindCSSの色表示がサポートされないなどの課題があります。

そこで登場したのが上記pluginをforkしたbrenoprata10/nvim-highlight-colorsです。

セットアップ

Plugでの導入例です。この順序で書かないと動作しません。

call plug#begin()
Plug 'brenoprata10/nvim-highlight-colors'
call plug#end()
:
略
:
set termguicolors
lua require('nvim-highlight-colors').setup {
    \ 	enable_tailwind = true
    \ }

TailwindCSS用の設定

enable_tailwind = false

redの部分だけ赤になっていて変です。

enable_tailwind = true

redの部分も正しく表示されています。

注意

TailwindCSSベースのUIコンポーネントライブラリdaisyUIのbase関連の色などはこのpluginでも表示されません。