Zed Editor tema oluşturucu

 (zed.dev)
1 puan yazan GN⁺ 5 시간 전 | 1 yorum | WhatsApp'ta paylaş
  • Zed'in Theme Builder aracı, tüm özellikleri kullanmak için masaüstünde açılmalı; web'de ise kullanılabilir tema eklentilerine View Theme Extensions üzerinden göz atılabilir
  • Düzenleme ekranı Colors ve Syntax bölümlerinden oluşur; renkler Surface, Border, Text, Icon, Editor, Navigation, Terminal, Players gibi çeşitli kategorilere ayrılır
  • Surface kategorisinde Background, Surface Background, Elevated Surface Background, Panel Background gibi ayrıntılı değerler bulunur; Background #3b414dff, Surface Background ise #2f343eff olarak gösterilir
  • Bazı tema değerleri doğrudan renk kodu yerine başka değerlere bağlanır; Elevated Surface Background ve Panel Background surface.background, Panel Focused Border ve Pane Focused Border ise border.focused değerine bağlıdır
  • Önizlemede Create New Theme, Reset, Import, Export gibi işlem düğmeleriyle birlikte scheduler.tsx, catware.rs, TypeScript/React tanıları, zed.dev — zsh, Version: 1.1.7, 9 Changes gibi düzenleyici durumu da gösterilir

Düzenlenebilir renk aralığı

  • Renk kategorileri Surface, Border, Text, Icon, Editor, Navigation, Element, Ghost Element, Drop Target, Tabs, Scrollbar, Minimap, Status, Version Control, Terminal, Players gibi başlıklara ayrılır
  • Surface bölümünde Background, Surface Background, Elevated Surface Background, Panel Background, Panel Focused Border, Panel Indent Guide, Panel Overlay Background, Pane Focused Border gibi ayrıntılı değerler görünür
  • Doğrudan renk kodu olarak gösterilen değerlerle başka değerlere bağlanan değerler birlikte yer alır; Background #3b414dff, Surface Background ise #2f343eff olarak gösterilir
  • Elevated Surface Background ve Panel Background surface.background, Panel Focused Border ve Pane Focused Border ise border.focused değerine bağlıdır

İşlem düğmeleri ve önizleme durumu

  • Ekranda Create New Theme, One / One Dark, Reset, Import, Export gibi tema işlem düğmeleri görünür
  • Tema önizlemesinde scheduler.tsx, catware.rs gibi dosya sekmeleri ve zed.dev main/main depo durumu gösterilir
  • Kod önizlemesi bir TypeScript/React örneğidir; couldHaveBeenAnEmail kullanılmıyor uyarısı, string değerinin number türüne atanmasına ilişkin tür hatası, atendees yerine attendees kullanma önerisi ve agendaItem değişkeninin const olarak tanımlanabileceğine dair tanı birlikte gösterilir
  • Terminal önizlemesinde zed.dev — zsh, Editor: Zed, Version: 1.1.7, Platform: macOS gösterilir
  • Sürüm kontrolü önizlemesinde 9 Changes, Stage All, Tracked, Untracked, Fetch, Commit Tracked ve Fixed the thing that broke the thing commit mesajı görünür

İlgili okumalar

1 yorum

 
GN⁺ 5 시간 전
Hacker News görüşleri

  • Böyle bir özelliğin gelmesine gerçekten sevindim. Zed’i birkaç kez kullanmayı denedim ama görünüşte küçük olan tema ile ilgili detaylar oldukça büyük hissettirdi
    Örneğin https://imgur.com/a/ia2GCgg bağlantısında üstte VSCode, altta Zed var ve ikisi de Svelte için benzer bir tema kullanıyor
    Açılı parantezlerin rengi, büyük harfle başlayan yerleşik bileşenlerin rengi, boolean özniteliklerinin rengi, parantezlerin ve metnin rengi farklı
    İnceleyici, oyunun kurallarını değiştiren bir özellik ve sunulan önizlemede belirli bir öğeye tıklayarak içine girebilmek çok kullanışlı

    • Zed ya da Svelte kullanmıyorum ama bu ekran görüntüsü, Zed tarafında Svelte için tree-sitter ayrıştırıcısı eksikmiş gibi görünüyor. Birçok editör birden fazla dil için varsayılan regex tabanlı vurgulama sunar ve eklentilerle daha gelişmiş vurgulama eklenebilir
      Editör Language Server Protocol kullanıyorsa dil sunucusunun sağladığı anlamsal vurgulamayı da alabilir
      Aratınca bir eklenti çıkıyor, bunu denedin mi merak ettim: https://zed.dev/extensions/svelte
    • Bu, temadan çok söz dizimi vurgulaması gibi. Bunun temayla ne ilgisi olduğunu pek anlamadım
      Zed kullanıcısı değilim ama https://zed.dev/docs/reference/all-settings#colorize-brackets bağlantısına bakınca bunun gibi şeylerin ayarlanabildiği anlaşılıyor
    • Bilgi olsun diye söylüyorum, uygulamalar/IDE’ler arasında tema dönüştürme işini LLM’ye bıraktığımda sonuçlar epey iyi olmuştu

  • Sonunda mevcut yerleşik temalar gibi “neredeyse yüksek kontrastlı” değil, gerçekten yüksek kontrasta yakın bir şeyi pratikte yapmak mümkün oldu. Küçük bir değişiklik ama Zed ayrıntıları sürekli iyi ayarlıyor; bu yüzden 15 yıl vim kullandıktan sonra benim için “ilginç editör” olmaktan çıkıp “tercih ettiğim editör” oldu
    Git’in follow mode özelliği, geliştirmede LLM kullanımının arttığı bu dönemde özellikle iyi geldi ve ekibin böyle küçük noktaları sürekli iyileştirmesine seviniyorum

  • Zed benim için neredeyse olmuş durumda. Tema oluşturucu güzel ve kullanımı kolay; birkaç dakika içinde kendi temamı yapabildim
    Söz dizimi renkleri büyük ölçüde iyi ama hâlâ eksikleri var ve C/C++ kullanan biri olarak bu biraz can sıkıyor
    Arayüz metninin satır yüksekliği gibi küçük görsel ayarlar için yapılandırma yeterli değil; sadece iki seçenek var
    Kaydırma için yumuşak bir seçenek olmalı. Bunu engellemek için bir sebep yok ve eklemesi de kolay görünüyor; özellikle 240Hz monitörde kod içinde gezinirken gözler için daha rahat oluyor
    Düzenleme deneyiminin kendisi ise iyi; hızlı açılıyor, çökme yok, tepkisellik ve bellek kullanımı da gayet iyi

    • Mos kullanabilirsin. Yumuşak kaydırmanın tüm uygulamalarda aynı şekilde çalışması gibi bir avantajı da var. Hız ve ivmelenme de tutarlı oluyor
      https://mos.caldis.me/
    • İlk kez denedim ve 5 dakika içinde ciddi bir hata çıktı; arayüz tamamen dondu. Başta sadece kaydırma dondu sandım ama tekrar üretince tüm arayüzün donduğu ortaya çıktı
      Uygulamalar arasında geçiş yapınca tekrar çalışıyor. Başka hiçbir uygulamada böyle bir davranış görmedim
      Hata bildirmek istedim ama karşıma vergi beyannamesinden uzun bir form çıktı. Hata bildirimi hem veri girişi hem de sonrasındaki sınıflandırma açısından AI’ın çok uygun olduğu bir alan gibi geliyor
    • Trackpad kullanırsan kaydırma tamamen akıcı oluyor. Ben şahsen klik tekerlekli fareyi kaydırma için eski bir teknoloji olarak görüyorum
      Windows kullanırken bile sol elimle Magic Trackpad kullanıyorum; böylece yine akıcı analog kaydırma elde ediyorum

  • Yüzeysel bir neden gibi gelebilir ama Zed’i kullanamamamın en büyük sebeplerinden biri, düzgün bir varsayılan koyu tema olmaması
    Varsayılan temaların hepsi düşük kontrastlı, gri üstüne gri; bu yüzden editör ne kadar iyi olursa olsun kullanım deneyimi soluk ve itici hissettiriyor

    • Tüm koyu temalarda kontrastı düzeltmek için şu ayarı ekleyebilirsin:
      "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"
      }
    • Bu sadece Zed’e özgü bir sorun değil; koyu temalar genel olarak çoğu zaman gri üstüne gri, düşük kontrastlı oluyor
      Genelde göze hoş gelen bir koyu tema bulup arka plan rengini daha koyu, ön plan rengini daha açık yaptığım özel bir sürüm oluşturuyorum
      Sanırım artık sadece kendim için düzeltmek yerine yüksek kontrastlı koyu temaları yayımlamanın zamanı geldi
    • Daha da yüzeysel gelebilir ama emacs’te kalmamın sebebi modus-themes. Şanslıysan istediğin editör ya da IDE için idare eder bir tema bulabiliyorsun ama iyi, yüksek kontrastlı açık bir tema bulmak neredeyse imkânsız
    • Zed’in Extensions penceresinde tema aratırsan 1 dakika içinde iyi bir yüksek kontrastlı koyu tema kurabilirsin
      Yine de varsayılan olarak birkaç iyi yüksek kontrastlı koyu temanın gelmesi gerektiği konusunda sana katılıyorum
    • Son zamanlarda en sevdiğim ve en derli toplu tema şu oldu: https://zed.dev/extensions/amp-theme

  • Omarchy kullanıyorsan 3.8 güncellemesi Zed için dinamik tema içeriyor. Oldukça hoş: https://github.com/APS6/omazed

  • Zed’in gelişimini görmek güzel ama bana fazla kullanıcı hesabına bağlıymış gibi geliyor. Göze çarpan bir “Sign In” düğmesi ve “Try our new agentic...” gibi reklamlar var
    Para kazanmaları gerektiğini anlıyorum ama böyle başlayan teşviklerin uygulamaları bozacak yönlere kayması çok sık oluyor
    Sırada dosya aramanın içine reklam koymak mı var? Ubuntu böyle bir hata yapıp topluluğun tepkisini çekmişti. “LQQKING for something? try new ai search by blah blah corp!” gibi şeyler yani
    Bu yüzden, editörü ve temayı ayarlamak için zaman harcasam bile sonradan ihanete uğrayabileceğimi düşündüğüm için yatırım yapmak zor geliyor. VSCode bu yola zaten girdi ve commit mesajlarını Copilot’a imzalatır hale geldi

  • Sublime Text’te sevdiğim Soda Dark / Sunburst renk düzenini yeniden oluşturmaya çalıştım ama gerçekten Sisifos işi gibiydi
    Sonunda birkaç ekran görüntüsünü ve özgün ST4 yapılandırmasını AI Studio’ya verdim; kullanılabilir bir sonuç çıktı ama birebir kopya değildi. Editörden editöre anlamsal token’ların farklı olması düşünülünce bu normal

    • Sublime Text temasının JSON tanımını LLM’ye verip bunu Zed tema belirtimine dönüştürtürsen epey kolay çözülebilir gibi geliyor. Ekran görüntüsüne gerek yok

  • Vay, güzelmiş. Zed’i denedim ama genel renk düzenini gedit/gtksourceview’deki klasik cobalt gibi yapamamıştım
    Biri böyle bir tema yaparsa gerçekten makul bir ücret ödemeye razı olurum

    • Aslında AI modellerine böyle bir tema yaptırmayı denedim ama beceremediler. Sürekli yanlış sonuç ürettiler
      Bu düzgün çalışır hale gelirse ilgilenirim

  • Zed’de “şirkette örneğin sadece GitHub Copilot kullanımına izin veriliyor, ücretsiz otomatik tamamlama ya da kodu üçüncü taraflara gönderen özellikler istenmiyor” gibi bir bayrak olup olmadığını merak ediyorum