This is a screenshot of a React component without any extra plugins, no panglos or polyglot, just treesitter:
Compared to VSCode Material:
Please note, upstream nvim-treesitter is not using the TSAttribute highlight group and attributes will look like properties (fg) instead of purple, in the picture I'm using my fork and I already submitted a PR to nvim-treesitter, so that HTML and JSX attributes use TSAttribute (which I include here) instead of TSProperty.
Another thing to keep in mind, stuff like return, function or export is just queried as TSKeyword, very generic. I think it can also be improved upstream.
This is WIP, I think I included the most relevant highlight groups to have a decent highlight if you use nightly neovim with treesitter, but many groups are missing and I'm trying to learn what exactly each one do before including it.
These are some basic treesitter highlights.
This is a screenshot of a React component without any extra plugins, no panglos or polyglot, just treesitter:
Compared to VSCode Material:
Please note, upstream nvim-treesitter is not using the TSAttribute highlight group and attributes will look like properties (fg) instead of purple, in the picture I'm using my fork and I already submitted a PR to nvim-treesitter, so that HTML and JSX attributes use TSAttribute (which I include here) instead of TSProperty.
Another thing to keep in mind, stuff like
return
,function
orexport
is just queried as TSKeyword, very generic. I think it can also be improved upstream.This is WIP, I think I included the most relevant highlight groups to have a decent highlight if you use nightly neovim with treesitter, but many groups are missing and I'm trying to learn what exactly each one do before including it.