catppuccin / catppuccin/zed

`null`, property names in js/ts code is not highlighted like it is in vscode (which is better)

Open
#86 11 comments 3 reactions 0 assignees View on GitHub
syntax / tree-sitter zed-specific
Dominant language
Just
Stars
897
Forks
36
Avg merge
20m
Merged PRs (30d)
8

Description

I notice some differences between the plugin on each IDE. I find VSCode's more varied and 'correct'

- property names are white in vscode but blue in zed. it makes them hard to tell apart from class properties.
- ~~the `this` keyword is red in vscode, but purple in zed. it makes it hard to spot that very important keyword FIXED~~
- the `null` keyword is purple in vscode, but orange in zed. which means that the a number like 3, and a value like `null` are not differentiated enough

VSCode:
Image

Zed
Image

Contributor guide

Open the contributing guide

Research direction

Start by comparing the JavaScript and TypeScript highlighting shown in the VSCode and Zed screenshots, focusing on property names and the `null` keyword. Trace the Zed theme configuration or highlighting entry point that controls those colors, and consider the issue done when those tokens are visually differentiated like the VSCode examples.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, typescript
Domain
design
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.