Hacker News new | ask | show | jobs
by thecatapps 37 days ago
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.

3 comments

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

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.
Sounds to me like one major Zed enhancement should be to suggest plugins if you open specific programming language files...
It does this, but only for a couple dozen file extensions -- .svelte is one of them.

https://github.com/zed-industries/zed/blob/c8f09caee42ea4e27...

>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.

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