Construtor de temas do Zed Editor

 (zed.dev)
1 pontos por GN⁺ 5 시간 전 | 1 comentários | Compartilhar no WhatsApp
  • O Theme Builder do Zed precisa ser aberto no desktop para usar todos os recursos, e na web é possível navegar pelas extensões de tema disponíveis em View Theme Extensions
  • A tela de edição é composta por Colors e Syntax, e as cores são divididas em várias categorias como Surface, Border, Text, Icon, Editor, Navigation, Terminal e Players
  • A categoria Surface inclui valores detalhados como Background, Surface Background, Elevated Surface Background e Panel Background; Background aparece como #3b414dff e Surface Background como #2f343eff
  • Alguns valores do tema não usam um código de cor direto, mas são vinculados a outros valores; Elevated Surface Background e Panel Background estão vinculados a surface.background, e Panel Focused Border e Pane Focused Border estão vinculados a border.focused
  • A prévia mostra botões de ação como Create New Theme, Reset, Import e Export, junto com o estado do editor como scheduler.tsx, catware.rs, diagnósticos de TypeScript/React, zed.dev — zsh, Version: 1.1.7 e 9 Changes

Faixa de cores editáveis

  • As categorias de cor são divididas em Surface, Border, Text, Icon, Editor, Navigation, Element, Ghost Element, Drop Target, Tabs, Scrollbar, Minimap, Status, Version Control, Terminal e Players
  • Os itens de Surface mostram valores detalhados como Background, Surface Background, Elevated Surface Background, Panel Background, Panel Focused Border, Panel Indent Guide, Panel Overlay Background e Pane Focused Border
  • Há valores exibidos diretamente como código de cor e valores vinculados a outros; Background aparece como #3b414dff e Surface Background como #2f343eff
  • Elevated Surface Background e Panel Background estão vinculados a surface.background, e Panel Focused Border e Pane Focused Border estão vinculados a border.focused

Botões de ação e estado da prévia

  • A tela mostra botões de tema como Create New Theme, One / One Dark, Reset, Import e Export
  • A prévia do tema mostra abas de arquivo como scheduler.tsx e catware.rs, além do estado do repositório zed.dev main/main
  • A prévia de código é um exemplo de TypeScript/React, com o aviso de variável não usada para couldHaveBeenAnEmail, erro de tipo ao atribuir string a number, sugestão de usar attendees em vez de atendees e o diagnóstico de que agendaItem pode ser declarado como const
  • A prévia do terminal mostra zed.dev — zsh, Editor: Zed, Version: 1.1.7 e Platform: macOS
  • A prévia de controle de versão mostra 9 Changes, Stage All, Tracked, Untracked, Fetch, Commit Tracked e a mensagem de commit Fixed the thing that broke the thing

Leituras relacionadas

1 comentários

 
GN⁺ 5 시간 전
Opiniões no Hacker News

  • Fico muito feliz de ver esse recurso. Tentei usar o Zed várias vezes, mas alguns detalhes relacionados ao tema que parecem pequenos acabavam pesando bastante
    Por exemplo, em https://imgur.com/a/ia2GCgg, a de cima é o VSCode e a de baixo é o Zed, e ambos usam temas parecidos para Svelte
    A cor dos sinais de menor/maior, a cor dos componentes embutidos que começam com maiúscula, a cor dos atributos booleanos, e as cores dos parênteses e do texto são diferentes
    O inspetor muda o jogo, e é muito útil poder clicar em um elemento específico na prévia fornecida para entrar nele

    • Não uso Zed nem Svelte, mas essa tela parece mostrar que está faltando um parser tree-sitter para Svelte no lado do Zed. Muitos editores oferecem destaque básico baseado em regex para várias linguagens e podem adicionar destaque mais avançado via extensões
      Se o editor usar o Language Server Protocol, também pode receber destaque semântico fornecido pelo servidor da linguagem
      Pesquisando, encontrei uma extensão; fico curioso se você já tentou esta: https://zed.dev/extensions/svelte
    • Isso parece mais realce de sintaxe do que tema. Não entendo muito bem o que isso tem a ver com tema
      Não sou usuário de Zed, mas olhando https://zed.dev/docs/reference/all-settings#colorize-brackets, parece que esse tipo de coisa dá para configurar
    • Só como referência, a conversão de temas entre apps/IDEs teve resultados bem bons quando deixei isso nas mãos de um LLM

  • Finalmente ficou viável criar algo realmente próximo de alto contraste, em vez de “quase alto contraste” como nos temas fornecidos até agora. É uma mudança pequena, mas o Zed continua acertando bem nos detalhes, então depois de 15 anos usando vim ele passou de “editor interessante” para “editor preferido”
    O follow mode do Git foi especialmente bom nesse processo de maior uso de LLMs no desenvolvimento, e é ótimo ver a equipe continuar melhorando essas pequenas partes

  • Para mim, o Zed está quase lá. O construtor de temas é bom e fácil de usar, e consegui criar meu tema em poucos minutos
    As cores de sintaxe estão quase boas, mas ainda faltam ajustes, e isso deixa a desejar para quem usa C/C++
    Pequenos ajustes visuais como a altura da linha do texto da UI não têm configuração suficiente, e só existem duas opções
    O scroll deveria ter uma opção suave. Não vejo motivo para bloquear isso, e parece algo fácil de adicionar; especialmente em um monitor de 240Hz, cansa menos os olhos ao mover pelo código
    A experiência de edição em si é boa, inicialização rápida, sem crashes, boa responsividade e uso de memória ok

    • É só usar o Mos. Ainda tem a vantagem de o scroll suave funcionar da mesma forma em todos os apps. Velocidade e aceleração também ficam padronizadas
      https://mos.caldis.me/
    • Testei pela primeira vez e em 5 minutos apareceu um bug grande, e a UI travou completamente. No começo achei que só o scroll tinha parado, mas ao reproduzir de novo vi que a UI inteira travava
      Ao trocar de app, voltava a funcionar. Nunca vi esse comportamento em outros apps
      Fui reportar o bug e apareceu um formulário maior que declaração de imposto. Reporte de bug parece uma área em que IA faz bastante sentido, tanto na coleta quanto na triagem posterior
    • Se você usa trackpad, o scroll fica totalmente suave. Pessoalmente, acho que o mouse com roda de clique é uma tecnologia ultrapassada para scroll
      Mesmo quando uso Windows, deixo um Magic Trackpad na mão esquerda para continuar tendo scroll analógico suave

  • Pode parecer um motivo superficial, mas uma das maiores razões para eu não conseguir usar o Zed é que ele não tem um tema escuro padrão decente
    Todos os temas padrão têm contraste baixo e são cinza sobre cinza, então mesmo que o editor em si seja excelente, a experiência fica sem graça e meio repelente

    • Para corrigir o contraste em qualquer tema escuro, basta adicionar esta configuração:
      "experimental.theme_overrides": {
      "background": "#111",
      "panel.background": "#111",
      "text": "#eee",
      "text.muted": "#ccc",
      "title_bar.background": "#111",
      "tab_bar.background": "#111",
      "toolbar.background": "#111",
      "status_bar.background": "#111",
      "element.selected": "#333",
      "editor.background": "#000",
      "editor.gutter.background": "#000"
      }
    • Não é um problema só do Zed; em geral, os temas escuros tendem a ter baixo contraste, cinza sobre cinza
      Normalmente encontro um tema escuro bonito e faço uma versão customizada com fundo mais escuro e cor de primeiro plano mais clara
      Acho que chegou a hora de publicar temas escuros de alto contraste em vez de só corrigir os meus para uso próprio
    • Pode parecer ainda mais superficial, mas o motivo de eu continuar no emacs é o modus-themes. Com sorte, dá para achar um tema mais ou menos aceitável no editor ou IDE que você quer, mas encontrar um bom tema claro de alto contraste é quase impossível
    • Se você procurar temas na janela Extensions do Zed, provavelmente consegue instalar um tema escuro de alto contraste decente em menos de 1 minuto
      Dito isso, concordo que não há motivo para não incluir por padrão alguns bons temas escuros de alto contraste
    • Este é o tema recente de que mais gostei e que parece mais bem acabado: https://zed.dev/extensions/amp-theme

  • Se você usa Omarchy, a atualização 3.8 inclui um tema dinâmico para Zed. Ficou bem legal: https://github.com/APS6/omazed

  • É bom ver o Zed evoluindo, mas ele parece preso demais à conta de usuário. Tem um botão “Sign In” bem chamativo e anúncios como “Try our new agentic...”
    Entendo que precisam ganhar dinheiro, mas esse tipo de incentivo com muita frequência acaba levando o aplicativo para um caminho que o piora
    O próximo passo vai ser colocar anúncio dentro da busca de arquivos? O Ubuntu já errou feio com esse tipo de coisa e comprou antipatia da comunidade. Algo tipo “PR0CURAND0 alguma coisa? experimente a nova busca com IA da blá blá corp!”
    Por isso, mesmo que eu gaste tempo ajustando o editor e o tema, é difícil investir nisso pensando que depois posso ser traído. O VSCode já foi por esse caminho, e agora até mensagem de commit está sendo assinada pelo Copilot

  • Tentei recriar a combinação de cores Soda Dark / Sunburst que eu gostava no Sublime Text, e foi um trabalho realmente sisífico
    No fim, coloquei algumas capturas de tela e as configurações originais do ST4 no AI Studio, e saiu algo utilizável, mas não uma cópia exata. Isso também é esperado, porque cada editor tem tokens semânticos diferentes

    • Se você der a um LLM a definição JSON do tema do Sublime Text e pedir para converter para a especificação de tema do Zed, acho que isso se resolve com bastante facilidade. Não precisa de screenshot

  • Uau, muito bom. Usei o Zed, mas não consegui deixar o esquema geral de cores parecido com o cobalt clássico do gedit/gtksourceview
    Se alguém fizesse um tema assim, eu consideraria seriamente pagar um valor justo por isso

    • Na prática, já tentei fazer modelos de IA criarem um tema assim, mas eles não conseguiram acertar. Só geravam resultados errados repetidamente
      Se isso passar a funcionar bem, tenho interesse

  • Fico curioso se o Zed tem algum flag do tipo “na empresa, por exemplo, só é permitido GitHub Copilot, e não queremos autocomplete grátis nem recursos que enviem código para terceiros”