Aynı pencere, sizin tarzınız

Kendi temanızı oluşturun

Bir tema, TOML (veya JSON) biçiminde küçük bir metin dosyasıdır. Yalnızca değiştirdiği şeyleri adlandırır; diğer her şey üzerine inşa edildiği temadan gelir. MDM'yi derlemenize veya programlamayı bilmenize gerek yok.

1. Oluşturun

   Birkaç renkle başlayın, sonra ilerledikçe daha fazlasını ekleyin:

   name = "Harbour"
   inherits = "classic"
   icons = "color"
   
   [seeds.light]
   background = "#eef3f6"
   surface = "#ffffff"
   text = "#11202b"
   accent = "#0f6c8c"
   
   [seeds.dark]
   background = "#14212a"
   surface = "#0e171d"
   text = "#e8f0f4"
   accent = "#5cc3e6"
   
   [sizes]
   radius = 6
   
   [controls]
   focus = "ring"

   • inheritstemanızın başladığı yerdir: classic (varsayılan), high-contrast, metro, adwaita, breeze, luna, aero, aqua veya aynı klasördeki başka bir tema dosyası.
   • [seeds]MDM'nin her kontrole yaydığı bir avuç renktir (background, surface, header, text, accent, selection, error, warning, success). [seeds.light] ve [seeds.dark] her tarafa kendi rengini verir.
   • [colors]her iki tarafta tek renk rollerini, [light] ve [dark] yalnızca bir tarafta ayarlar: #rrggbb veya şeffaflıkla #rrggbbaa.
   • [sizes]piksel cinsinden köşe yarıçapları, kenarlık genişlikleri, yazı tipi boyutları ve satır yükseklikleridir. [controls] metin kutularının, onay kutularının, düğmelerin, ilerleme çubuklarının, kaydırma çubuklarının, odak işaretinin ve başlık çubuğunun şeklini seçer.
   • iconscolor, mono veya accent'tür. Kendi klasöründeki (my-theme/theme.toml) bir tema, icons/16 ve icons/24'daki simgelerini, her birini gösterdiği şeye göre adlandırarak (tb-add-url.svg, cat-music.png) getirebilir; -symbolic olanlar temanın metin rengini alır.
   • contrast = "high"her kenarı ve metin rengini güçlendirir.

   MDM'nin bilmediği bir anahtar veya okuyamadığı bir değer atlanır ve MDM'nin günlüğüne (temalar klasörünün yanındaki logs klasörü) yazılır, böylece daha yeni bir MDM için yapılmış bir dosya yine de yüklenir. Yerleşik temalar da aynı şekilde yazılmıştır: GitHub'da okuyun.

   Her renk rolü (156)

   Anahtar	Ne renklendirir
   window	Windows' and dialogs' background
   text	Metin ve glifler
   text.disabled	Devre dışı metin, her grileşmiş kontrol ve etiketin tek grisi
   text.muted	İkincil metin: notlar, boyutlar, sürümler
   link	Bir şey açan metin
   error	Hata metni
   error.strong	Seçenekler'deki başarısız bir kontrol mesajı (bağlantı, tarayıcı ve yardımcı testleri)
   warning	Uyarı metni
   success	Başarı metni (eşleşen bir sağlama toplamı)
   reach.near	Özellikler'de, gidiş dönüş süresi kısa olan (60 ms altı) bir indirme sunucusu
   reach.medium	Orta gidiş dönüş süresi olan bir sunucu (60 ila 150 ms)
   reach.far	Gidiş dönüş süresi uzun olan bir sunucu (150 ms üzeri)
   flag.edge	Bir ülkenin bayrağının etrafındaki ince kenar
   accent	Vurgu: odak çizgileri, açık ve varsayılan kontroller, filtreler, bağlantıların odağı
   focus.ring	Noktalı klavye odak dikdörtgeni
   selection	Bir seçimin dolgusu: satırlar, seçilen bir gün, seçili metin
   selection.text	Seçim üzerindeki metin
   selection.muted	Seçim üzerindeki ikincil metin
   selection.inactive	Odaklanmamış bir listede seçili bir satır
   selection.focus	Seçili bir satırda odaklanmış satırın noktalı ana hattı
   group.line	Bir grup kutusunun çerçevesi
   etch.shadow	Kazınmış bir ayırıcının gölge çizgisi
   etch.light	Kazınmış bir ayırıcının vurgu çizgisi
   tab.page	Bir sekme sayfasının gövdesi
   tab	Seçili olmayan bir sekme ve sayfanın gölgesi
   tab.hot	İmlecin altındaki bir sekme
   chevron	Açılır menü veya sayı kutusunun oku
   chevron.disabled	Pasif bir ok
   subtle.hot	İmlecin altındaki, kendi yüzü olmayan bir bölüm (ok, sütun başlığı)
   subtle.pressed	Basılmış veya açık böyle bir bölüm
   highlight.hot	İmlecin altındaki bir takvim günü veya oku, bir bırakma hedefi
   highlight.pressed	Basılmış bir takvim günü veya oku
   field	Metin kutusu veya liste içi
   field.border	Metin kutusunun kenarlığı
   field.bottom	Yazılabilir durumdayken metin kutusunun alt çizgisi
   field.disabled	Pasif bir metin kutusunun içi
   field.disabled.border	Pasif bir metin kutusunun kenarlığı
   field.readonly	Salt okunur bir metin kutusunun içi
   field.readonly.border	Salt okunur bir metin kutusunun kenarlığı
   combo.chevron	Açılır menünün oku
   combo.arrow.hot	İmlecin altındaki düzenlenebilir açılır menünün ok alanı
   combo.arrow.pressed	Basılmış veya açık düzenlenebilir açılır menünün ok alanı
   button	Düğme yüzeyi
   button.hot	İmlecin altındaki düğme yüzeyi
   button.pressed	Basılmış düğme yüzeyi
   button.border	Düğme kenarlığı
   button.bottom	Düğmenin alt kenarı
   button.text	Düğme metni
   button.text.pressed	Basılmış düğme metni
   button.default.border	Varsayılan düğmenin kenarlığı
   button.default.bottom	Varsayılan düğmenin alt kenarı
   button.disabled	Pasif bir düğmenin yüzeyi
   button.disabled.border	Pasif bir düğmenin kenarlığı
   button.accent	Vurgu düğmesinin yüzeyi
   button.accent.hot	Vurgu düğmesinin imleç altındaki yüzeyi
   button.accent.pressed	Vurgu düğmesinin basılı yüzeyi
   button.accent.bottom	Vurgu düğmesinin alt kenarı
   button.accent.text	Vurgu düğmesinin metni
   button.accent.text.pressed	Vurgu düğmesinin basılı metni
   button.glow	İmleç altındaki düğmenin içindeki parlama, stilin çizdiği yer (Luna; şeffaf: yok)
   gloss	Parlak kısımların üstte karıştığı parlaklık: düğmeler, kutular, çubuklar ve başlık çubukları (Luna, Aero, Aqua)
   check	İşaretlenmemiş bir kutunun veya radyonun içi
   check.hot	İmleç altındaki içi
   check.pressed	Basılı içi
   check.border	İşaretlenmemiş bir kutunun veya radyonun kenarlığı
   check.border.hot	İmleç altındaki kenarlığı
   check.border.pressed	Basılı kenarlığı
   check.border.disabled	Pasif işaretlenmemiş bir kutunun kenarlığı
   check.on	İşaretli bir kutunun veya radyonun vurgusu
   check.on.hot	İmleç altındaki işaretli vurgu
   check.on.pressed	Basılı işaretli vurgu
   check.on.disabled	Pasif işaretli bir kutunun dolgusu
   check.mark	İşaretli vurgudaki onay işareti veya nokta
   progress.track	İlerleme çubuğunun yolu
   progress.bar	İlerleme çubuğunun dolgusu
   meter.track	Bir ölçerin yolu (bir indirmenin tamamlanan kısmı)
   meter.edge	Bir ölçerin kenarı
   meter.fill	Bir ölçerin dolgusu
   list	İndirme listesinin arka planı
   list.frame	Bir listenin, bir tablonun veya bir kutunun dış çizgisi
   grid	İletişim kutularındaki bir listenin satırları arasındaki ızgara çizgileri
   list.grid	İndirme listesinin ızgara çizgileri
   header	Her listenin ve tablonun sütun başlıkları
   header.line	İletişim kutularındaki listelerde bir başlığın alt çizgisi
   header.sep	Sütun başlıkları arasındaki ayırıcılar
   table.line	Bağlantı yakalayıcı ve Torrent ekle tablolarındaki ayırıcılar
   header.sorted	Sıralanmış sütunun başlığı
   header.sort-arrow	Sıralama oku
   row.pressed	Basılı bir liste satırı
   chip.web	İndirme listesinin Web çipi
   chip.torrent	İndirme listesinin Torrent çipi
   chip.text	Çip üzerindeki metin
   list.drag-ghost	Sürüklenen bir sütun başlığı
   list.marquee	Satırları seçen lastik bant
   list.marquee.border	Lastik bandın kenarı
   scroll.track	Kaydırma çubuğunun izi
   scroll.corner	İki kaydırma çubuğunun birleştiği yer
   scroll.thumb	Kaydırma çubuğunun tutamacı ve okları
   scroll.thumb.hot	İmleç altındaki tutamaç veya ok
   scroll.thumb.pressed	Basılı veya sürüklenen tutamaç veya ok
   menubar	Menü çubuğu
   menubar.bottom	Menü çubuğunun son satırı
   menubar.line	Menü çubuğunun altındaki çizgi
   menubar.hot	İmleç altındaki bir menü başlığı
   menubar.open	Açık menünün başlığı
   menu	Bir menünün arka planı
   menu.item	Bir menü öğesi
   menu.hot	İmleç altındaki bir menü öğesi
   menu.border	Bir menünün ve bir açılır pencerenin çerçevesi
   menu.sep	Bir menünün ayırıcıları
   menu.text	Bir menünün metni
   menu.glyph	Madde işaretleri, onay işaretleri ve alt menü okları
   menu.text.disabled	Soluk bir menü öğesi
   toolbar.line	Araç çubuğunun üst çizgisi
   toolbar.line.light	Altındaki vurgu
   toolbar.hot	İmlecin altındaki bir araç çubuğu düğmesi
   toolbar.hot.faint	Bir ayrık düğmenin diğer kısmı, bir kısmı imlecin altındayken
   toolbar.pressed	Basılmış bir araç çubuğu düğmesi
   toolbar.hot.edge	Etkin bir araç çubuğu düğmesinin kenarı
   toolbar.hot.border	Etkin bir araç çubuğu düğmesinin kenarlığı (şeffaf: yok)
   toolbar.split.shadow	Bir ayrık düğmenin ayırıcısı hareketsizken: gölgesi
   toolbar.split.light	Ayırıcının vurgusu
   toolbar.text.disabled	Soluk bir araç çubuğu etiketi
   toolbar.arrow	Bir açılır düğmenin oku
   icon.disabled	Soluk bir simgenin mürekkebi (başlangıcı)
   icon.disabled.end	Soluk bir simgenin mürekkebi (sonu)
   tree	Kategoriler ağacının arka planı
   tree.lines	Ağacın noktalı bağlayıcıları
   tree.expander	Ağacın varyantın çizdiği ok işaretleri
   tree.frame	Kategoriler bölmesinin çerçevesi
   progress.status	İlerleme penceresinin Durum değeri
   progress.label.disabled	İlerleme penceresinde soluk bir etiket
   segments.border	Segment çubuğunun çerçevesi
   segments.corner	Segment çubuğunun köşe pikselleri
   pieces.have	Burada olan bir torrent parçası
   pieces.partial	Kısmen burada olan parçaları temsil eden bir kare
   pieces.missing	Henüz burada olmayan bir parça
   caption	MDM'nin kendi çizdiği bir başlık çubuğu
   caption.text	Başlığı ve glifleri
   caption.text.inactive	Pencere etkin değilken başlığı ve glifleri ile soluk bir düğmenin
   caption.hot	İmlecin altındaki bir başlık düğmesi (çubuk üzerinde bir ton)
   caption.pressed	Basılmış bir başlık düğmesi (çubuk üzerinde bir ton)
   caption.button	Stilin gösterdiği bir başlık düğmesi hareketsizken (çubuk üzerinde bir ton; şeffaf: yok)
   caption.close	İmlecin altındaki Kapat
   caption.close.text	İmleç altındaki Kapat düğmesi simgesi
   caption.inactive	MDM'nin çizdiği başlık çubuğu, penceresi etkin değilken (şeffaf: etkin olduğunda olduğu gibi)
   drop-target.edge	Sürükle bırak hedefinin kenarı (hareketsiz)
   egui.panel	egui'nin panel arka planı
   egui.window	İpucu arka planı
   egui.window.border	İpucu kenarlığı
   egui.text	İpucu metni
   egui.selection.text	egui kutularında seçili metin rengi
   egui.extreme	egui'nin en koyu (veya en açık) arka planı
   egui.faint	egui'nin soluk arka planı
   egui.widget	egui'nin hareketsiz widget'ları
   egui.widget.border	Kenarlıkları (şeffaf: yok)

   Tüm boyutlar (26)

   Anahtar	Ne ayarlar
   radius	Düğmelerin, metin kutularının ve açılır menülerin köşe yarıçapı
   radius.button	Parlak basma düğmesinin köşe yarıçapı (Luna, Aero; Aqua'nınkiler uçlarda yuvarlaktır)
   radius.part	Renkli bir bölümün (ok alanı, döndürme düğmesi) köşe yarıçapı
   radius.check	Onay kutusunun köşe yarıçapı
   radius.flyout	Penceredeki bir açılır menünün (takvim, filtre kutusu) köşe yarıçapı
   radius.menu-item	İmleç altındaki menü öğesinin köşe yarıçapı
   radius.egui	egui'nin kendi widget'larının köşe yarıçapı
   radius.popup	İpuçlarının köşe yarıçapı
   border	Bir kontrolün kenarlık genişliği
   focus-line	Odaklanmış metin kutusunun vurgu çizgisinin yüksekliği
   chevron.width	Açılır menünün okunun çizgi kalınlığı
   font.dialog	İletişim kutusu metni (IDM'nin iletişim kutularında Tahoma)
   font.dialog.bold	Seçenekler sayfalarının başlıkları
   font.title	Bir pencerenin başlığı (Tahoma Bold): tarayıcı uzantısının, yardımcıların
   font.code	Bir hizmetin sayfasında yazılacak oturum açma kodu
   font.ui	Menüler ve ana pencerenin metni (Segoe UI)
   font.ui.bold	Ana penceredeki kalın başlıklar
   font.small	egui'nin küçük metni
   font.body	egui'nin gövde metni: araç ipuçları, çok satırlı kutular
   font.heading	egui'nin başlıkları
   list.row	İndirme listesindeki bir satırın yüksekliği
   list.header	İndirme listesinin sütun başlıklarının yüksekliği
   tooltip.width	Bir araç ipucunun metninin kaydığı yer
   tooltip.margin-x	Bir araç ipucunun sol ve sağ dolgusu
   tooltip.margin-top	Bir araç ipucunun üst dolgusu
   tooltip.margin-bottom	Bir araç ipucunun alt dolgusu

   Her kontrol stili (7)

   Anahtar	Stilleri
   field-focus	çizgi, kenarlık, halka
   check	akıcı, kare, adwaita, breeze, luna, aero, aqua
   button	akıcı, breeze, luna, aero, aqua
   progress	çizgi, çubuk, bloklar, parlak
   scroll	katman, klasik
   caption	sistem, metro, adwaita, breeze, luna, aero, aqua
   focus	noktalı, halka, çerçeve

   Veya bir yapay zeka asistanına yazdırın

   Bu istemi yapay zeka asistanınıza kopyalayın ve sonuna istediğiniz görünümü açıklayın. Asistana formatı, anahtarları ve kuralları verir: her iki tarafta da okunabilir metin ve görünür bir odak, ve başkasının eserinden kopyalanmış hiçbir şey. Sonucu paylaşmadan önce her iki tarafı da kendiniz kontrol edin.

   You are making a theme file for Mister Download Manager (MDM), a free, open-source download manager. Write one TOML file, named after the theme in lower case with dashes (for example harbour.toml). Reply with the file only, in one code block, then one line on how to install it.
   
   THE FORMAT
   A theme names only what it changes; everything else comes from the theme it inherits.
   - name = "Display name"
   - inherits = "classic" (the default), "high-contrast", "metro", "adwaita", "breeze", "luna", "aero" or "aqua"
   - icons = "color" | "mono" | "accent"
   - contrast = "high" (optional: strengthens every edge and text colour)
   - [seeds] a few colours MDM spreads over every control: background, surface, header, text, accent, selection, error, warning, success. Use [seeds.light] and [seeds.dark] to give each side its own.
   - [colors] single colour roles for both sides; [light] and [dark] for one side only. Role names are dotted and must be quoted when they contain a dot, e.g. "button.hot" = "#e5f1fb". Useful roles: window, text, text.muted, link, accent, focus.ring, selection, selection.text, field, field.border, button, button.hot, button.pressed, button.border, button.text, check.on, check.mark, progress.bar, list, header, menubar, menu, menu.hot, menu.text, toolbar.hot, tree, caption, caption.text, scroll.thumb, gloss (the shine glossy parts blend toward), button.glow. "segments.done" takes one colour or a list of 13 (top to bottom).
   - [sizes] in pixels, 0 to 400: radius, radius.button, radius.check, radius.menu-item, radius.popup, border, focus-line, list.row, list.header, font.ui, font.dialog.
   - [controls] shapes: field-focus = line | border | ring; check = fluent | square | adwaita | breeze | luna | aero | aqua; button = fluent | breeze | luna | aero | aqua; progress = line | bar | blocks | gloss; scroll = overlay | classic; focus = dotted | ring | frame; caption = system | metro | adwaita | breeze | luna | aero | aqua.
   - Colours are "#rrggbb" or "#rrggbbaa". Unknown keys are skipped, so only use the names above.
   
   THE RULES
   1. Make both a light and a dark side: give [seeds.light] and [seeds.dark] (or [light] and [dark]) their own colours, and check each side on its own.
   2. Text must be easy to read: at least 4.5:1 contrast for text against its background (text on window and field, button.text on button, menu.text on menu, selection.text on selection, caption.text on caption), in both sides.
   3. The keyboard focus must be easy to see: accent and focus.ring at least 3:1 against what they sit on.
   4. Disabled text stays readable but clearly dimmer than normal text.
   5. Clean room: no artwork, icons, logos, fonts or text copied from any other program or company. If the theme needs icons, describe original ones to draw, never copy existing ones, and note their source and licence in a SOURCES.txt.
   6. Keep the layout: a theme changes colours, sizes and control shapes only.
   
   After the file, list each text and background pair you checked with its contrast ratio, for both sides.
   
   THE LOOK I WANT:

2. MDM'yi derlemeden deneyin

   Dosyayı MDM'nin temalar klasörüne koyun. Görünüm → Tema → Temalar klasörünü aç seçeneği, klasörü açar ve ilk kez oluşturur. MDM'nin veri klasöründedir:

   Windows

   %APPDATA%\misterdownloadmanager\themes

   Linux

   ~/.local/share/misterdownloadmanager/themes

   macOS

   ~/Library/Application Support/misterdownloadmanager/themes

   Taşınabilir kopya

   data\themesprogramın yanında

   İki saniye içinde Görünüm → Tema altında, yerleşik temaların altında, kendi verdiği name ile görünür. Onu seçin ve tüm pencere anında değişir. Dosyayı düzenledikten sonra, değişikliği görmek için Görünüm → Tema içinde tekrar seçin. Görünüm → Koyu mod desteği ve Her zaman koyu seçenekleri, açık ve koyu tarafı arasında geçiş yapar.

   Görünüm → Tema → Tema dosyası ekle… sizin için yapar: dosyayı herhangi bir yerden seçin, MDM onu temalar klasörüne kopyalar ve hemen kullanır.

   Zaten bir Base16 veya pywal şemanız var mı?

   Bu zaten bir tema. Base16 veya Base24 şeması (.yaml) veya pywal'ın colors.json'ü, aynı şekilde eklendiğinde, MDM'nin renklerini değiştirir ve başka hiçbir şeyi değiştirmez: şemanın liste ve pencerelerin arkasındaki arka planları, metni okunabilir kalır (4.5:1 veya daha fazla), odak, seçim ve ilerleme çubuğundaki mavisi. wal çalıştıktan sonra, Görünüm → Tema ~/.cache/wal/colors.json'den okunan pywal'ı listeler (%USERPROFILE%\.cache\wal\colors.jsonWindows'ta) ve MDM, her yeni duvar kağıdının renklerini iki saniye içinde takip eder. Kılavuz hangi rengin nereye gittiğini gösterir.

3. Paylaşın

   Başkalarının beğeneceği bir şey mi yaptınız? Şunları ekleyen bir GitHub çekme isteği açın crates/app/assets/themes:

   • .toml dosyası ve varsa simge klasörü;
   • ana pencerenin açık ve koyu tarafının ekran görüntüleri;
   • simgelerin yanında SOURCES.txt, kimin çizdiğini ve hangi lisans altında olduğunu belirten bir açıklama. Simgeler size ait olmalı veya MDM'nin bunları paylaşmasına izin veren bir lisans altında olmalı (GPL-3.0), başka bir programdan kopyalanmamalıdır.

   Henüz emin değil misiniz? Önce tartışmalarda gösterin. Katkıda bulunma rehberi burada çekme isteklerinin nasıl çalıştığını açıklar.