Zed Editor थीम बिल्डर

• Zed का Theme Builder पूरी functionality इस्तेमाल करने के लिए desktop पर खोलना होगा, जबकि web पर View Theme Extensions के जरिए उपलब्ध theme extensions देखे जा सकते हैं
• एडिटिंग स्क्रीन Colors और Syntax से बनी है, और रंग Surface, Border, Text, Icon, Editor, Navigation, Terminal, Players जैसी कई categories में बंटे हैं
• Surface category में Background, Surface Background, Elevated Surface Background, Panel Background जैसे detail values हैं; इनमें Background #3b414dff और Surface Background #2f343eff के रूप में दिखते हैं
• कुछ theme values सीधे color code नहीं हैं बल्कि दूसरे values से linked हैं; Elevated Surface Background और Panel Background, surface.background से जुड़े हैं, जबकि Panel Focused Border और Pane Focused Border, border.focused से जुड़े हैं
• प्रीव्यू में Create New Theme, Reset, Import, Export जैसे action buttons के साथ scheduler.tsx, catware.rs, TypeScript/React diagnostics, zed.dev — zsh, Version: 1.1.7, और 9 Changes जैसी editor state भी दिखाई जाती है

---

संपादित किए जा सकने वाले रंगों की सीमा

• Color categories को Surface, Border, Text, Icon, Editor, Navigation, Element, Ghost Element, Drop Target, Tabs, Scrollbar, Minimap, Status, Version Control, Terminal, Players आदि में बांटा गया है
• Surface items में Background, Surface Background, Elevated Surface Background, Panel Background, Panel Focused Border, Panel Indent Guide, Panel Overlay Background, Pane Focused Border जैसी detail values दिखाई देती हैं
• कुछ values सीधे color code के रूप में दिखती हैं और कुछ दूसरे values से linked होती हैं; Background #3b414dff और Surface Background #2f343eff के रूप में दिखते हैं
• Elevated Surface Background और Panel Background, surface.background से जुड़े हैं, जबकि Panel Focused Border और Pane Focused Border, border.focused से जुड़े हैं

कार्य बटन और प्रीव्यू स्थिति

• स्क्रीन पर Create New Theme, One / One Dark, Reset, Import, Export जैसे theme action buttons दिखाई देते हैं
• Theme preview में scheduler.tsx, catware.rs जैसे file tabs और zed.dev main/main repository status दिखाई देता है
• Code preview एक TypeScript/React उदाहरण है, जिसमें couldHaveBeenAnEmail के unused होने की warning, string को number में assign करने की type error, atendees की जगह attendees इस्तेमाल करने का suggestion, और agendaItem को const के रूप में declare किया जा सकने का diagnostic साथ में दिखता है
• Terminal preview में zed.dev — zsh, Editor: Zed, Version: 1.1.7, Platform: macOS दिखाया गया है
• Version control preview में 9 Changes, Stage All, Tracked, Untracked, Fetch, Commit Tracked, और commit message Fixed the thing that broke the thing दिखाई देते हैं

[GN⁺]

Hacker News की राय

• ऐसा फीचर आना सच में बहुत अच्छा लगा। मैंने Zed को कई बार इस्तेमाल करने की कोशिश की, लेकिन छोटी लगने वाली theme से जुड़ी details काफ़ी बड़ी महसूस हुईं
  उदाहरण के लिए https://imgur.com/a/ia2GCgg में ऊपर VSCode है, नीचे Zed, और दोनों में Svelte पर मिलता-जुलता theme इस्तेमाल हो रहा है
  angle brackets का रंग, बड़े अक्षर से शुरू होने वाले built-in components का रंग, boolean attributes का रंग, और brackets व text का रंग अलग है
  inspector एक game changer फीचर है, और दिए गए preview में किसी खास element पर क्लिक करके अंदर जाना बहुत उपयोगी है

  • मैं Zed या Svelte इस्तेमाल नहीं करता, लेकिन यह स्क्रीन देखकर लगता है कि Zed की तरफ़ Svelte के लिए tree-sitter parser गायब है। कई editors कई languages के लिए basic regex-based highlighting देते हैं, और extensions के ज़रिए ज़्यादा advanced highlighting जोड़ते हैं
    अगर editor Language Server Protocol इस्तेमाल करता है, तो language server से semantic highlighting भी मिल सकती है
    खोजने पर एक extension दिख रहा है, यह आज़माया है या नहीं, जानना चाहूँगा: https://zed.dev/extensions/svelte
  • वह theme से ज़्यादा syntax highlighting जैसा लगता है। इसका theme से क्या संबंध है, यह मुझे ठीक से समझ नहीं आ रहा
    मैं Zed user नहीं हूँ, लेकिन https://zed.dev/docs/reference/all-settings#colorize-brackets देखकर लगता है कि ऐसी चीज़ें configure की जा सकती हैं
  • जानकारी के लिए, apps/IDEs के बीच theme conversion का काम LLM को देने पर नतीजे काफ़ी अच्छे मिले

• आखिरकार अब ऐसा कुछ व्यावहारिक रूप से बनाना संभव हुआ है जो bundled themes की तरह “लगभग high contrast” नहीं, बल्कि सच में high contrast के करीब हो। छोटा बदलाव है, लेकिन Zed लगातार details को सही करता जा रहा है, इसलिए 15 साल vim इस्तेमाल करने के बाद यह “दिलचस्प editor” से “मेरी पसंद का editor” बन गया है
  Git का follow mode development में LLM के बढ़ते इस्तेमाल के दौरान खास तौर पर अच्छा लगा, और टीम का इन छोटी चीज़ों को लगातार बेहतर करना देखकर अच्छा लगता है

• मेरे लिए Zed लगभग तैयार है। theme builder अच्छा है और इस्तेमाल में आसान है, इसलिए कुछ ही मिनटों में मैं अपना theme बना पाया
  syntax colors लगभग ठीक हैं, लेकिन अभी पूरी तरह नहीं, और C/C++ इस्तेमाल करने वाले के नज़रिए से कमी महसूस होती है
  UI text की line height जैसे छोटे visual adjustments के लिए settings पर्याप्त नहीं हैं, और options भी सिर्फ़ दो हैं
  scrolling में smooth option होना चाहिए। इसे रोकने की कोई वजह नहीं दिखती, और जोड़ना भी आसान होना चाहिए, खासकर 240Hz monitor पर code में इधर-उधर जाते समय आँखों को ज़्यादा आराम मिलता है
  editing experience खुद अच्छा है, fast launch, crash नहीं, responsiveness, memory usage — सब ठीक है

  • Mos इस्तेमाल कर लो। इसका फायदा यह भी है कि smooth scrolling सभी apps में एक ही तरह से काम करती है। speed और acceleration भी एक जैसे रहते हैं
    https://mos.caldis.me/
  • मैंने अभी पहली बार इसे इस्तेमाल किया, और 5 मिनट में बड़ा bug आ गया, UI पूरी तरह freeze हो गया। पहले लगा कि सिर्फ़ scrolling रुकी है, लेकिन दोबारा reproduce करके देखा तो पूरा UI ही रुक रहा था
    app बदलो तो फिर से काम करने लगता है। दूसरे apps में मैंने ऐसा behavior कभी नहीं देखा
    bug report करने गया तो tax return से भी लंबा form सामने आ गया। bug reporting ऐसा क्षेत्र लगता है जहाँ input और बाद की triage — दोनों में AI काफ़ी suited है
  • अगर trackpad इस्तेमाल करते हो, तो scrolling पूरी तरह smooth है। मेरी राय में click-wheel mouse scrolling के लिए पुरानी तकनीक है
    Windows इस्तेमाल करते समय भी मैं बाएँ हाथ से Magic Trackpad इस्तेमाल करता हूँ, ताकि smooth analog scrolling मिलती रहे

• वजह शायद सतही लगे, लेकिन Zed इस्तेमाल न कर पाने की सबसे बड़ी वजहों में से एक यह है कि इसमें कोई ढंग का default dark theme नहीं है
  default themes सब low contrast हैं, gray on gray जैसे, इसलिए editor खुद शानदार होने पर भी इस्तेमाल का अनुभव फीका और अप्रिय लगता है

  • सभी dark themes में contrast ठीक करने के लिए यह setting जोड़ सकते हो:
    "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"
}
  • यह सिर्फ़ Zed की समस्या नहीं है, dark themes में आम तौर पर gray on gray वाला low contrast बहुत मिलता है
    आमतौर पर मैं पहले कोई अच्छी दिखने वाली dark theme ढूँढता हूँ, फिर background को और dark और foreground को और bright करके उसका custom version बना लेता हूँ
    अब शायद समय आ गया है कि सिर्फ़ अपने लिए tweak करने के बजाय high contrast dark theme सार्वजनिक की जाए
  • यह और भी सतही लग सकता है, लेकिन मैं emacs पर टिका हुआ हूँ तो उसकी वजह modus-themes हैं। किस्मत अच्छी हो तो मनचाहे editor या IDE के लिए कोई ठीक-ठाक theme मिल जाता है, लेकिन अच्छी high contrast light theme ढूँढना लगभग नामुमकिन है
  • Zed के Extensions window में themes खोजो, तो 1 मिनट के अंदर कोई ठीक high contrast dark theme install कर पाओगे
    फिर भी मैं सहमत हूँ कि default में कुछ अच्छे high contrast dark themes शामिल होने चाहिए
  • हाल में मुझे सबसे ज़्यादा पसंद आया और सबसे polished theme यह है: https://zed.dev/extensions/amp-theme

• अगर आप Omarchy इस्तेमाल करते हैं, तो 3.8 update में Zed के लिए dynamic themes शामिल हैं। काफ़ी बढ़िया है: https://github.com/APS6/omazed

  • बढ़िया तो है। बस अफ़सोस यह है कि DDH वैसा इंसान है, इसलिए मैं इसे इस्तेमाल नहीं करता
  • DankShell भी Matugen के ज़रिए यह फीचर देता है: https://danklinux.com/docs/dankmaterialshell/application-themes

• Zed की प्रगति देखना अच्छा है, लेकिन यह user account से कुछ ज़्यादा ही बँधा हुआ लगता है। साफ़ दिखने वाला “Sign In” बटन है और “Try our new agentic...” जैसी promos भी दिखती हैं
  मैं समझता हूँ कि कमाई करनी होती है, लेकिन इसी तरह शुरू होने वाले incentives बहुत बार apps को बिगाड़ने वाली दिशा में चले जाते हैं
  अगला कदम क्या file search के अंदर ads डालना होगा? Ubuntu ने ऐसी गलती करके community की नाराज़गी झेली थी। कुछ इस तरह: “LQQKING for something? try new ai search by blah blah corp!”
  इसलिए editor और theme को समय देकर tune करने पर भी उसमें निवेश करना मुश्किल लगता है, क्योंकि बाद में वही आपको निराश कर सकता है। VSCode पहले ही इस रास्ते पर जा चुका है, और commit messages को Copilot से sign करवाने लगा है

• मैं Sublime Text में पसंद आने वाले Soda Dark / Sunburst color combination को फिर से बनाना चाहता था, लेकिन वह सच में सिसिफस जैसा काम निकला
  आखिर में मैंने कुछ screenshots और मूल ST4 settings AI Studio में डाले, तो इस्तेमाल लायक नतीजा मिला, लेकिन बिल्कुल सटीक copy नहीं बनी। हर editor के semantic tokens अलग होते हैं, इसलिए यह स्वाभाविक भी है

  • अगर Sublime Text theme की JSON definition LLM को देकर उससे Zed theme spec में convert करवाया जाए, तो शायद यह काफ़ी आसानी से हो सकता है। screenshots की ज़रूरत नहीं होगी

• वाह, बढ़िया। मैंने Zed इस्तेमाल किया था, लेकिन पूरे color scheme को gedit/gtksourceview के क्लासिक cobalt जैसा नहीं बना पाया
  अगर कोई ऐसा theme बना दे, तो मैं सच में उसके लिए ठीक-ठाक पैसे देने को तैयार हूँ

  • मैंने सच में AI models से ऐसा theme बनवाने की कोशिश की, लेकिन वे इसे सही नहीं कर पाए। बार-बार गलत output ही बनता रहा
    अगर यह सही से काम करने लगे, तो मेरी दिलचस्पी है

• सोच रहा हूँ कि Zed में ऐसा कोई flag है या नहीं, जैसे “कंपनी में उदाहरण के लिए सिर्फ़ GitHub Copilot की अनुमति है, और free autocomplete या code को किसी तीसरे पक्ष को भेजने वाली चीज़ें नहीं चाहिए”

  • संभव है। Zed AI को disable करके LLM Providers UI के ज़रिए GitHub Copilot से connect किया जा सकता है
  • https://zed.dev/business
  • Zed की predictive AI Zeta इस्तेमाल करके 2000 free predictions पाने के लिए Zed account बनाकर sign in करना होगा
    https://zed.dev/docs/ai/edit-prediction