Générateur de thèmes pour Zed Editor

 (zed.dev)
1 points par GN⁺ 5 시간 전 | 1 commentaires | Partager sur WhatsApp
  • Le Theme Builder de Zed doit être ouvert sur desktop pour utiliser l’ensemble des fonctionnalités ; sur le web, il est possible de parcourir les extensions de thème disponibles via View Theme Extensions
  • L’écran d’édition est composé de Colors et Syntax, et les couleurs sont réparties en plusieurs catégories comme Surface, Border, Text, Icon, Editor, Navigation, Terminal et Players
  • La catégorie Surface comprend des valeurs détaillées comme Background, Surface Background, Elevated Surface Background et Panel Background ; Background est affiché comme #3b414dff et Surface Background comme #2f343eff
  • Certaines valeurs de thème ne correspondent pas directement à un code couleur mais sont liées à d’autres valeurs ; Elevated Surface Background et Panel Background sont liés à surface.background, tandis que Panel Focused Border et Pane Focused Border sont liés à border.focused
  • L’aperçu affiche aussi des boutons d’action comme Create New Theme, Reset, Import et Export, ainsi que l’état de l’éditeur avec scheduler.tsx, catware.rs, des diagnostics TypeScript/React, zed.dev — zsh, Version: 1.1.7 et 9 Changes

Étendue des couleurs modifiables

  • Les catégories de couleurs sont réparties entre Surface, Border, Text, Icon, Editor, Navigation, Element, Ghost Element, Drop Target, Tabs, Scrollbar, Minimap, Status, Version Control, Terminal et Players
  • Les éléments de Surface incluent des valeurs détaillées comme Background, Surface Background, Elevated Surface Background, Panel Background, Panel Focused Border, Panel Indent Guide, Panel Overlay Background et Pane Focused Border
  • On y trouve à la fois des valeurs affichées comme codes couleur directs et des valeurs liées à d’autres ; Background est affiché comme #3b414dff et Surface Background comme #2f343eff
  • Elevated Surface Background et Panel Background sont liés à surface.background, tandis que Panel Focused Border et Pane Focused Border sont liés à border.focused

Boutons d’action et état de l’aperçu

  • L’écran affiche des boutons de gestion de thème comme Create New Theme, One / One Dark, Reset, Import et Export
  • L’aperçu du thème montre des onglets de fichiers comme scheduler.tsx et catware.rs, ainsi que l’état du dépôt zed.dev main/main
  • L’aperçu du code est un exemple TypeScript/React, avec un avertissement indiquant que couldHaveBeenAnEmail n’est pas utilisé, une erreur de type où string est assigné à number, une suggestion d’utiliser attendees au lieu de atendees, et un diagnostic signalant que agendaItem pourrait être déclaré avec const
  • L’aperçu du terminal affiche zed.dev — zsh, Editor: Zed, Version: 1.1.7 et Platform: macOS
  • L’aperçu du contrôle de version affiche 9 Changes, Stage All, Tracked, Untracked, Fetch, Commit Tracked, ainsi que le message de commit Fixed the thing that broke the thing

À lire aussi

1 commentaires

 
GN⁺ 5 시간 전
Commentaires sur Hacker News

  • Je suis vraiment ravi de voir arriver ce genre de fonctionnalité. J’ai essayé plusieurs fois d’utiliser Zed, mais de petits détails liés au thème, en apparence mineurs, m’ont paru assez importants
    Par exemple, sur https://imgur.com/a/ia2GCgg, en haut c’est VSCode, en bas c’est Zed, et les deux utilisent Svelte avec des thèmes similaires
    La couleur des chevrons, la couleur des composants intégrés commençant par une majuscule, la couleur des attributs booléens, ainsi que celle des parenthèses et du texte, diffèrent
    L’inspecteur change la donne, et le fait de pouvoir cliquer sur un élément précis dans l’aperçu fourni est très utile

    • Je n’utilise ni Zed ni Svelte, mais cet écran donne l’impression qu’il manque un parseur tree-sitter pour Svelte côté Zed. Beaucoup d’éditeurs fournissent une coloration de base fondée sur des regex pour plusieurs langages, puis ajoutent via des extensions une coloration plus avancée
      Si l’éditeur utilise le Language Server Protocol, il peut aussi bénéficier de la coloration sémantique fournie par le serveur de langage
      En cherchant, je vois qu’il existe une extension ; je me demande si elle a déjà été testée : https://zed.dev/extensions/svelte
    • Ça relève davantage de la coloration syntaxique que du thème. Je ne vois pas très bien le rapport avec le thème
      Je ne suis pas utilisateur de Zed, mais d’après https://zed.dev/docs/reference/all-settings#colorize-brackets, on dirait que ce genre de chose peut se configurer
    • À titre d’info, la conversion de thèmes entre applis/IDE a donné des résultats plutôt bons quand je l’ai confiée à un LLM

  • Enfin, il devient réaliste de créer quelque chose de vraiment proche du fort contraste, au lieu du « presque fort contraste » des thèmes fournis jusque-là. C’est un petit changement, mais Zed continue à bien peaufiner les détails ; après 15 ans passés sur vim, c’est passé pour moi de « éditeur intéressant » à « éditeur préféré »
    Le follow mode de Git a été particulièrement appréciable à mesure que l’usage des LLM prenait plus de place dans le développement, et je suis content de voir l’équipe continuer à améliorer ce genre de petits points

  • Pour moi, Zed y est presque. Le constructeur de thèmes est bien fait et facile à utiliser, j’ai pu créer mon thème en quelques minutes
    Les couleurs de syntaxe sont presque bonnes, mais il manque encore quelque chose, et en tant qu’utilisateur de C/C++, ça me laisse sur ma faim
    Pour les petits ajustements visuels comme la hauteur de ligne du texte de l’UI, les réglages ne sont pas assez fournis et il n’y a que deux options
    Le défilement devrait avoir une option fluide. Il n’y a aucune raison de l’empêcher, et ça ne devrait pas être difficile à ajouter ; surtout sur un écran 240 Hz, c’est plus agréable pour les yeux quand on parcourt du code
    L’expérience d’édition elle-même est bonne : lancement rapide, pas de crash, bonne réactivité, utilisation mémoire correcte

    • Il suffit d’utiliser Mos. L’avantage, c’est aussi que le défilement fluide se comporte de la même façon dans toutes les applis. La vitesse et l’accélération sont uniformes
      https://mos.caldis.me/
    • Je viens d’essayer, et au bout de 5 minutes j’ai eu un gros bug, l’UI s’est complètement figée. Au début je pensais que seul le défilement s’était bloqué, mais en reproduisant le problème, j’ai vu que c’était toute l’UI
      Si je change d’application, ça recommence à fonctionner. Je n’ai jamais vu ce comportement dans d’autres applis
      J’ai voulu signaler le bug, et je me suis retrouvé face à un formulaire plus long qu’une déclaration d’impôts. Le signalement de bugs me semble typiquement un domaine où l’IA serait adaptée, autant pour la saisie que pour le tri ensuite
    • Si on utilise un trackpad, le défilement est parfaitement fluide. Personnellement, je considère que la souris à molette crantée est une technologie dépassée pour le défilement
      Même quand j’utilisais Windows, j’avais une Magic Trackpad dans la main gauche pour garder un défilement analogique fluide

  • Ça peut sembler superficiel, mais l’une des principales raisons qui m’empêchent d’utiliser Zed, c’est l’absence d’un bon thème sombre par défaut
    Tous les thèmes par défaut ont un contraste faible, du gris sur gris, si bien que même si l’éditeur lui-même est excellent, l’expérience d’utilisation paraît terne et peu engageante

    • Pour corriger le contraste dans n’importe quel thème sombre, il suffit d’ajouter ce réglage :
      "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"
      }
    • Ce n’est pas un problème propre à Zed ; les thèmes sombres sont souvent globalement peu contrastés, avec ce gris sur gris
      En général, je trouve un thème sombre joli, puis j’en fais une version personnalisée avec un fond plus sombre et une couleur de premier plan plus claire
      Il est peut-être temps d’arrêter de corriger ça juste pour moi et de publier des thèmes sombres à fort contraste
    • Ça semblera peut-être encore plus superficiel, mais si je reste sur emacs, c’est à cause de modus-themes. Avec un peu de chance, on peut trouver un thème à peu près correct dans l’éditeur ou l’IDE qu’on veut, mais trouver un bon thème clair à fort contraste est presque impossible
    • Dans la fenêtre Extensions de Zed, il devrait être possible d’installer en moins d’une minute un thème sombre à fort contraste correct
      Cela dit, je suis d’accord qu’il n’y a aucune raison de ne pas inclure par défaut quelques bons thèmes sombres à fort contraste
    • Mon thème préféré récemment, et aussi l’un des plus aboutis : https://zed.dev/extensions/amp-theme

  • Si vous utilisez Omarchy, la mise à jour 3.8 inclut un thème dynamique pour Zed. C’est assez sympa : https://github.com/APS6/omazed

  • C’est agréable de voir Zed progresser, mais j’ai l’impression qu’il est trop lié aux comptes utilisateur. Il y a un bouton « Sign In » très visible et des publicités du style « Try our new agentic... »
    Je comprends qu’il faut gagner de l’argent, mais ce type d’incitation finit trop souvent par détériorer les applications
    La prochaine étape, c’est des pubs dans la recherche de fichiers ? Ubuntu a déjà fait ce genre d’erreur et s’est mis la communauté à dos. Un truc du genre « LQQKING for something? try new ai search by blah blah corp! »
    Du coup, même si je passe du temps à configurer l’éditeur et le thème, j’ai du mal à y investir parce qu’il pourrait me trahir plus tard. VSCode est déjà parti dans cette direction, et il s’est mis à faire signer les messages de commit par Copilot

  • J’essayais de recréer la combinaison de couleurs Soda Dark / Sunburst que j’aimais dans Sublime Text, et ça a vraiment été un travail de Sisyphe
    J’ai fini par mettre quelques captures d’écran et la configuration ST4 d’origine dans AI Studio, ce qui a donné un résultat exploitable, mais pas une reproduction exacte. C’est logique aussi, puisque les jetons sémantiques diffèrent d’un éditeur à l’autre

    • En donnant à un LLM la définition JSON du thème Sublime Text pour la convertir vers la spécification de thème de Zed, ça devrait se résoudre assez facilement. Pas besoin de captures d’écran

  • Waouh, excellent. J’ai essayé Zed, mais je n’arrivais pas à obtenir une palette générale semblable au cobalt classique de gedit/gtksourceview
    Si quelqu’un créait un thème comme ça, je serais sérieusement prêt à payer un montant raisonnable

    • J’ai justement essayé de faire générer ce type de thème par des modèles d’IA, mais ils n’y sont pas arrivés correctement. Ils produisaient toujours des résultats erronés
      Si ça commence à bien fonctionner, ça m’intéresse

  • Je me demande si Zed a un réglage du type : « au travail, par exemple, seul GitHub Copilot est autorisé, et on ne veut pas d’autocomplétion gratuite ni de fonctionnalités qui envoient du code à des tiers »