Zed Editor Theme-Builder

(zed.dev)

131 points | by cuechan 5 hours ago

13 comments

  • thecatapps 4 hours 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.

    • TonyStr 3 hours 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

      • thecatapps 1 hour 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.
    • konart 3 hours 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.

  • rhgraysonii 4 hours ago
    Finally, I can reasonably get something truly high contrast and not just close to it as the current offerings are. This is a little thing, but Zed continues to keep getting so many things right that it has gone from “interesting” to “my preferred editor” after 15 years in vim. The git “follow mode” has been especially great transitioning into heavy usage of LLMs in development. Happy to see the team continues to just get more little things right.
  • stephc_int13 4 hours ago
    Zed is "almost there" for me.

    The theme builder is good and easy to use, and I only needed a few minutes to make my own.

    Syntax coloring is almost there, but still lacking (I use C/C++) Small visual adjustment like line height in the UI text is not configurable enough (only two settings)

    Scrolling should have a smooth option, nothing prevents it, it should be super easy to add, I find it easier on the eyes when I move around code, especially on a 240Hz monitor.

    The editing experience is good, quick launch, no crashes, responsive, not too memory hungry.

    • LoganDark 3 hours ago
      Scrolling is perfectly smooth when you use a trackpad. IMO, clickwheels are a legacy technology for scrolling (even when I use Windows, I left-hand a Magic Trackpad so I still have smooth analog scrolling).
      • stephc_int13 2 hours ago
        I never liked trackpad. I am an avid RTS player, the mouse is by far the superious input device.

        Besides, I never work on a laptop.

        And this is a lame excuse. Smooth scrolling should also work when using keyboard with and pageup/pagedown, at least as an option and with some tuning preferences.

        • LoganDark 2 hours ago
          The arrow keys do scroll smoothly in Safari from my testing, but a clickwheel does not. Probably because scrolling inputs are meant to be precise.
  • MeetingsBrowser 4 hours ago
    This feels shallow, but one of the biggest things keeping me from using zed is the lack of a good default dark theme.

    The defaults all feel very low contrast, gray on gray that makes the experience feel dull and off putting to me, even if the editor itself is great.

    • jeorb 4 hours ago
      It's not just you and it's not just Zed. Dark themes tend to be low contrast gray on gray.

      I usually look for a dark theme that looks good and then make a custom version with darker the background colors and brighter the foreground colors.

      Maybe it's time for to start publishing high contrast dark themes instead of just fixing it for myself.

    • pretzel5297 2 hours ago
      Zed generally feels very engineer-designed and not in a good way.
    • helloplanets 4 hours ago
      It should take less than a minute to install a nice, high contrast dark theme, if you just search for the theme inside the Extensions window in Zed.

      But I understand your point, no reason for it not to come with a couple good high contrast dark themes.

    • hmokiguess 4 hours ago
      Try this one, it’s my recent favourite and very polished: https://zed.dev/extensions/amp-theme
      • MeetingsBrowser 4 hours ago
        The repo for this theme is no longer available

        > The page you are trying to reach either does not exist, has been removed or you are not authorized to view it.

        • hmokiguess 4 hours ago
          Yeah unfortunately looks like the maintainer made their stuff private, but it still works, I may republish it if gets removed from the store it’s so good.
      • lindig 4 hours ago
        The repository link on that page does not work. Is there a preview?
  • phren0logy 4 hours ago
    If you use Omarchy, the 3.8 update includes dynamic theming for Zed. It's very cool: https://github.com/APS6/omazed
    • fenaer 3 hours ago
      That is cool. It's a shame DDH is who he is, which stops me using it.
      • pretzel5297 2 hours ago
        The fact that he's so anti-immigration as an immigrant himself is so odd. My rather negative interpretation is he doesn't consider himself to be an immigrant which screams white supremacy.
  • ddlah 1 hour ago
    I really would like semantic highlighting. E.g. i want to highlight definitions of types/methods in a different/stronger way than usages.
  • jshaqaw 1 hour ago
    Got Zed for the first time last week. Turned it on and said “the visuals are so perfect I have nothing to change.” The defaults are amazing.
  • mirekrusin 4 hours ago
    Does Zed have "I work for corp where ie. only github copilot is allowed, I don't want free auto completions or anything that sends code to 3rd party" flag?
    • praet 4 hours ago
      Yes you can disable Zed AI and connect to Github Copilot through the LLM Providers UI
      • drdaeman 29 minutes ago
        Can you now? I've tried to keep "AI" machine assist features on, but disable "Zed AI" provider, keeping only non-cloud LLMs as an option.

        Last time I checked (about half an year ago) it was hardcoded and unconditional, so disabling it required a patch.

    • janice1999 4 hours ago
      You need to create and sign into a Zed account to use their prediction AI (Zeta) in order to get 2000 free predictions.

      https://zed.dev/docs/ai/edit-prediction

  • mosselman 2 hours ago
    How come I see my own github avatar in the designed editor along with others? I assume people also visiting the builder? Not very cool if I may say so.
    • seanthemon 2 hours ago
      I think those are placeholders, lol
  • pointlessone 3 hours ago
    A feature request of sorts. An option to reveal and highlight the element the color is for would be cool. There are so many colors and so many elements of the UI that it’s not immediately obvious where it is to properly see the changes I make.
  • riidom 4 hours ago
    Ha.. thats a very cool way of adjusting. themes. I hoped for being able to adjust a lot of things around markdown edit and markdown preview though. My biggest problem with Zed right now. Themes are actually ok to me. Maybe thats on their todo though who knows.
  • 7777777phil 4 hours ago
    This is super cool - Started using Zed a couple weeks ago. Is there also something like a Theme gallery? Where one can look at Themes other people created? I would imagine not everyone has the inspiration to build their own "form scratch" but would still love to customize.
  • VeejayRampay 3 hours ago
    tried using zed, didn't understand how to set up claude code integration, went back to vscode where setting up claude code is trivial
    • fredoliveira 7 minutes ago
      Use the command palette to pick "agent: toggle" - that'll open the agent pane. Pick "Claude Agent" from the dropdown at the top if you see the Zed agent. Should be all you need.