Respect syntax highlighting syle guide

[sollniss]

Right now zed has a few colors that are not conforming to the official style guide and therefore make it inconsistent with other editors.

Style guide: https://github.com/catppuccin/catppuccin/blob/main/docs/style-guide.md#code-editors

Some of these might be more opinionated than others, but the ones I've found are the following:

Token	zed value	Guide says
string.regexp / string.regex	peach	pink (Regex)
attribute	peach	yellow (Attributes)
function.builtin	peach	red (Builtins)
function.macro	teal	rosewater (Macros)
constant.macro	mauve	rosewater (Macros)
symbol / string.special.symbol	pink / flamingo	red (Symbols)
keyword.export	sky	mauve (Keywords)
field	lavender	blue (Properties)

[uncenter]

type.builtin mauve yellow (Types)

Builtin types are meant to be mauve, user types are yellow.

[sollniss]

You are correct, I've removed it.

On a sidenote, there seems to be something wrong with Go then, since both helix and zed use the same treesitter grammar and the same color but string, int, etc are colored different somehow (yellow vs mauve).

[risalfajar]

Too much same colors make the theme less unusable

[sollniss]

@risalfajar
I'm not sure what you mean. Your screenshot is current Zed and with my suggestions the only change in your example would be orange changing to yellow.

Before:

After:

[risalfajar]

I just felt that Zed catppuccin theme is different than the others, since I found this issue I choose to comment here instead of creating a new issue. Let me know if I misunderstand the issue.

For context, here is the same theme in Webstorm, function and variable have different colors, also component and props:

[sollniss]

I think the changes proposed in this issue won't fix your problem. I've also tried your code in helix and it looks almost the exact same as zed. Maybe there is some LSP or special casing going on in Webstorm.

[uncenter]

The Catppuccin for VS Code theme is the canonical implementation of the style guide, so we can try to align it to that. Unfortunately, Zed supports far less customization in syntax highlighting than VS Code or even Helix and Neovim, so we can't get it perfect unless Zed itself improves (see #86 (comment)). On first glance, in the Zed screenshot, I would say that the colors of attribute names should be yellow and object properties should be text like your Webstorm screenshot.