Syntax Highlighting Issue in Cursor AI Editor

Bug Reports
1

I’m experiencing a syntax highlighting issue in Cursor AI Editor. Some parts of my code are not being highlighted correctly, making it harder to read and edit.

Steps to reproduce:

  1. Open a project in Cursor AI Editor (Next.js, TypeScript).
  2. Observe that certain components, imports, or JSX elements are not highlighted as expected.
  3. Restart Cursor, but the issue persists.

System Info:

  • OS: (Windows 11)
  • Cursor Version: (0.45.14.0)

Additional Info:

  • The issue happens even after restarting the editor.
  • Other themes do not seem to fix the issue.
  • Here’s a screenshot showing the problem:

image
image1920×1079 162 KB

2

Hey, I don’t see any specific issues with the syntax highlighting in your screenshot. Could you show me how it should look? Also, I noticed you’re using an older version of Cursor. You might want to download the latest version here:

1 Like
3

This is how it looks in VS Code and same file in Cursor

Frame 2147223089
Frame 21472230892189×1045 461 KB

Regarding the error, I mean these are the colors displayed in the discrepancy

image
image803×922 70.9 KB

You can open this video, when you change the theme, some of the colors don’t change at all, although they should

For a moment after startup, everything is displayed normally, but then the syntax highlighting “breaks”

As for the version, I also noticed. But the version was automatically updated after restarting the cursor.

Right now, this error is the only thing stopping me from using the Cursor as the primary editor :frowning:

4

It might be related to having the Inline Fold extension or something similar installed. Could you check the settings and extensions in Cursor and VSCode? Because I don’t have this issue, it seems to be related to one of the extensions.