undefined | Better HN

0 pointsthecatapps14h ago0 comments

I'm extremely glad to see something like this. I've tried to use Zed so many times, and this might sound neurotic -- but there are just so many little theming things that make a difference to me.

For example, https://imgur.com/a/ia2GCgg -- top is VSCode, bottom is Zed. Both using Svelte, and using a similar theme.

- Angle brackets are a different color

- Capitalized built-in components are a different color

- Boolean props are a different color

- Brackets are colored differently than text.

The inspector is a game changer, clicking into these specific things in the preview they provide is super helpful.

0 comments

TonyStr13h ago

I don't use zed or svelte, but this looks like the zed picture is missing a treesitter parser for svelte. Many editors have basic regex-based highlighting for many languages, and optional, more advanced, highlighting available through extensions. You may also get some semantic highlights provided by a language server if your editor uses the Language Server Protocol as well.

I found one extension from a web search. Did you try this? https://zed.dev/extensions/svelte

thecatappsOP11h ago

It's been a while, but from what I remember you need that extension for any highlighting at all, and that screenshot is with it installed. Also, if I recall, it's something about that extension using an outdated treesitter parser or something along those lines.

giancarlostoro6h ago

Sounds to me like one major Zed enhancement should be to suggest plugins if you open specific programming language files...

1 more reply

pjerem1h ago

FWIW, I have had good results asking LLMs converting themes from an app/ide to another.

konart13h ago

>theming things

But those are syntax highlights. What does this have to do with theming?

I'm not a Zed user, but https://zed.dev/docs/reference/all-settings#colorize-bracket... surely you can configure those.

j / k navigate · click thread line to collapse