React components not being highlighted

[Amar-Gill]

First of all, I want to say great work on this plugin. I tried numerous themes and I settled on this one for it's balance of legibility and coherent aesthetic.

The issue I'm having is that React components are not highlighted the same way standard html tags are:

These are React components imported like so

  import { OrbitControls } from '@react-three/drei';
  import { Canvas } from '@react-three/fiber';
  import Head from 'next/head';

It appears as if they are using the monochrome palette. I have tree-sitter installed also.

I'll try to dig into code and make a fix but want to document this issue as a start.

[kvrohit]

Thank you! and that's a nice font in your screenshot. As for the colors, I will try and see if there are other color schemes that have addressed this issue; if not, this could be a limitation with the highlight groups available for customization in neovim.

[kvrohit]

I traced this down to the highlight group TSConstructor. Unfortunately this group is shared with many other elements and I cannot target just the react tag names to have this change.

I have prepared a branch for you to try it out. Change your packer config to the following and PackerSync to update:

use { 'kvrohit/rasmus.nvim', branch = 'ts-hl-tweaks' }

Let me know if this works for you. However, I do not have plans to merge this into the main branch since it changes a lot of things.

[Amar-Gill]

Thanks for the fix! It does now highlight the JSX. But as you mentioned, it affects other groups, like the imported class inside the normal TS part of the code.

This is a good start however! I'm going to see if I can figure out something. Maybe https://github.com/sainnhe/gruvbox-material can provide some ideas.

P.S. the terminal font I'm using is DaddyTimeMono Nerd Font.

[Amar-Gill]

Side note, it looks like Class imports (or in this case React components) are highlighted differently than standard method imports. Didn't notice this before. In the example, useControls is a little bit brighter