Jendela yang sama, cara Anda

Buat tema Anda sendiri

Tema adalah satu file teks kecil, dalam TOML (atau JSON). Tema hanya menamai apa yang diubahnya; yang lainnya berasal dari tema yang menjadi dasarnya. Anda tidak perlu membangun MDM atau tahu cara memprogram.

1. Buat

   Mulai dengan beberapa warna, lalu tambahkan lebih banyak seiring berjalannya waktu:

   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"

   • inheritsadalah tema yang menjadi dasar tema Anda: classic (standar), high-contrast, metro, adwaita, breeze, luna, aero, aqua, atau file tema lain di folder yang sama.
   • [seeds]adalah beberapa warna (background, surface, header, text, accent, selection, error, warning, success) yang disebarkan MDM ke setiap kontrol. [seeds.light] dan [seeds.dark] memberikan setiap sisi tampilannya sendiri.
   • [colors]menetapkan peran warna tunggal di kedua sisi, [light] dan [dark] hanya di satu sisi: #rrggbb, atau #rrggbbaa dengan transparansi.
   • [sizes]adalah radius sudut, lebar batas, ukuran font, dan tinggi baris, dalam piksel. [controls] memilih bentuk kotak teks, kotak centang, tombol, bilah kemajuan, bilah gulir, tanda fokus, dan bilah judul.
   • iconsberupa color, mono, atau accent. Tema dalam foldernya sendiri (my-theme/theme.toml) dapat menyertakan ikonnya di icons/16 dan icons/24, masing-masing dinamai sesuai yang ditampilkannya (tb-add-url.svg, cat-music.png); ikon -symbolic akan menggunakan warna teks tema.
   • contrast = "high"memperkuat setiap tepi dan warna teks di atasnya.

   Kunci yang tidak dikenal MDM, atau nilai yang tidak dapat dibaca, akan dilewati dan ditulis ke log MDM (folder logs di samping folder tema), sehingga file yang dibuat untuk MDM versi lebih baru tetap dapat dimuat. Tema bawaan ditulis dengan cara yang sama: baca di GitHub.

   Setiap peran warna (156)

   Kunci	Apa yang diwarnai
   window	Latar belakang Windows dan dialog
   text	Teks dan glif
   text.disabled	Teks dinonaktifkan, satu-satunya warna abu-abu dari setiap kontrol dan label yang berwarna abu-abu
   text.muted	Teks sekunder: catatan, ukuran, versi
   link	Teks yang membuka sesuatu
   error	Teks galat
   error.strong	Pesan pemeriksaan yang gagal di Opsi (tes koneksi, browser, dan pembantu)
   warning	Teks peringatan
   success	Teks berhasil (checksum yang cocok)
   reach.near	Server unduhan yang dekat dengan waktu pulang-perginya (di bawah 60 md), di Properti
   reach.medium	Server dengan waktu pulang-pergi sedang (60 hingga 150 md)
   reach.far	Server yang jauh dengan waktu pulang-perginya (di atas 150 md)
   flag.edge	Tepi tipis di sekitar bendera negara
   accent	Aksen: garis fokus, kontrol terbuka dan default, filter, fokus tautan
   focus.ring	Persegi panjang fokus keyboard putus-putus
   selection	Isian pilihan: baris, hari yang dipilih, teks yang dipilih
   selection.text	Teks pada pilihan
   selection.muted	Teks sekunder pada pilihan
   selection.inactive	Baris yang dipilih dalam daftar tanpa fokus
   selection.focus	Garis putus-putus baris yang difokuskan pada baris yang dipilih
   group.line	Bingkai kotak grup
   etch.shadow	Garis bayangan pemisah terukir
   etch.light	Garis sorotan pemisah terukir
   tab.page	Isi halaman tab
   tab	Tab yang tidak dipilih, dan bayangan halaman
   tab.hot	Tab di bawah penunjuk
   chevron	Panah drop-down atau spin box
   chevron.disabled	Panah berwarna abu-abu
   subtle.hot	Bagian tanpa tampilan sendiri (panah, header kolom) di bawah penunjuk
   subtle.pressed	Bagian tersebut ditekan atau terbuka
   highlight.hot	Hari atau panah kalender di bawah penunjuk, target drop
   highlight.pressed	Hari atau panah kalender ditekan
   field	Bagian dalam kotak teks atau daftar
   field.border	Batas kotak teks
   field.bottom	Garis bawah kotak teks saat dapat diketik
   field.disabled	Bagian dalam kotak teks berwarna abu-abu
   field.disabled.border	Batas kotak teks berwarna abu-abu
   field.readonly	Bagian dalam kotak teks hanya-baca
   field.readonly.border	Batas kotak teks hanya-baca
   combo.chevron	Chevron drop-down
   combo.arrow.hot	Area panah drop-down yang dapat diedit di bawah penunjuk
   combo.arrow.pressed	Area panah drop-down yang dapat diedit ditekan atau terbuka
   button	Tampilan tombol
   button.hot	Tampilan tombol di bawah penunjuk
   button.pressed	Tampilan tombol ditekan
   button.border	Batas tombol
   button.bottom	Tepi bawah tombol
   button.text	Teks tombol
   button.text.pressed	Teks tombol ditekan
   button.default.border	Batas tombol default
   button.default.bottom	Tepi bawah tombol default
   button.disabled	Tampilan tombol berwarna abu-abu
   button.disabled.border	Batas tombol berwarna abu-abu
   button.accent	Tampilan tombol aksen
   button.accent.hot	Permukaan tombol aksen saat kursor di atasnya
   button.accent.pressed	Permukaan tombol aksen saat ditekan
   button.accent.bottom	Tepi bawah tombol aksen
   button.accent.text	Teks tombol aksen
   button.accent.text.pressed	Teks tombol aksen saat ditekan
   button.glow	Cahaya di dalam tombol saat kursor di atasnya, jika gaya menggambarkannya (Luna; transparan: tidak ada)
   gloss	Kilau yang menyatu pada bagian atas elemen mengilap: tombol, kotak, bilah, dan bilah judul (Luna, Aero, Aqua)
   check	Bagian dalam kotak centang atau radio yang tidak dicentang
   check.hot	Bagian dalamnya saat kursor di atasnya
   check.pressed	Bagian dalamnya saat ditekan
   check.border	Batas kotak centang atau radio yang tidak dicentang
   check.border.hot	Batasnya saat kursor di atasnya
   check.border.pressed	Batasnya saat ditekan
   check.border.disabled	Batas kotak centang yang tidak dicentang dan berwarna abu-abu
   check.on	Aksen kotak centang atau radio yang dicentang
   check.on.hot	Aksen yang dicentang saat kursor di atasnya
   check.on.pressed	Aksen yang dicentang saat ditekan
   check.on.disabled	Isian kotak centang yang dicentang dan berwarna abu-abu
   check.mark	Tanda centang atau titik pada aksen yang dicentang
   progress.track	Jalur bilah progres
   progress.bar	Isian bilah progres
   meter.track	Jalur meteran (bagian unduhan yang selesai)
   meter.edge	Tepi meteran
   meter.fill	Isian meteran
   list	Latar belakang daftar unduhan
   list.frame	Garis luar daftar, tabel, atau kotak
   grid	Garis kisi antarbaris daftar dalam dialog
   list.grid	Garis kisi daftar unduhan
   header	Header kolom setiap daftar dan tabel
   header.line	Garis bawah header dalam daftar dialog
   header.sep	Pembatas antar header kolom
   table.line	Pembatas di tabel penangkap tautan dan "Tambahkan torrent"
   header.sorted	Header kolom yang diurutkan
   header.sort-arrow	Panah urut
   row.pressed	Baris daftar yang ditekan
   chip.web	Chip "Web" di daftar unduhan
   chip.torrent	Chip "Torrent" di daftar unduhan
   chip.text	Teks pada chip
   list.drag-ghost	Header kolom yang sedang diseret
   list.marquee	Pita karet yang memilih baris
   list.marquee.border	Tepi pita karet
   scroll.track	Jalur bilah gulir
   scroll.corner	Tempat dua bilah gulir bertemu
   scroll.thumb	Jempol dan panah bilah gulir
   scroll.thumb.hot	Jempol atau panah di bawah penunjuk
   scroll.thumb.pressed	Jempol atau panah ditekan atau diseret
   menubar	Bilah menu
   menubar.bottom	Baris terakhir bilah menu
   menubar.line	Garis di bawah bilah menu
   menubar.hot	Judul menu di bawah penunjuk
   menubar.open	Judul menu yang terbuka
   menu	Latar belakang menu
   menu.item	Item menu
   menu.hot	Item menu di bawah penunjuk
   menu.border	Bingkai menu dan pop-up
   menu.sep	Pemisah menu
   menu.text	Teks menu
   menu.glyph	Poin, tanda centang, dan panah submenu
   menu.text.disabled	Item menu yang berwarna abu-abu
   toolbar.line	Garis atas bilah alat
   toolbar.line.light	Sorotan di bawahnya
   toolbar.hot	Tombol bilah alat di bawah penunjuk
   toolbar.hot.faint	Bagian lain dari tombol pisah saat salah satunya di bawah penunjuk
   toolbar.pressed	Tombol bilah alat ditekan
   toolbar.hot.edge	Tepi tombol bilah alat yang aktif
   toolbar.hot.border	Batas tombol bilah alat yang aktif (transparan: tidak ada)
   toolbar.split.shadow	Pembagi tombol pisah saat diam: bayangannya
   toolbar.split.light	Sorotan pembagi
   toolbar.text.disabled	Label bilah alat yang berwarna abu-abu
   toolbar.arrow	Panah tombol tarik-turun
   icon.disabled	Tinta ikon abu-abu (awal)
   icon.disabled.end	Tinta ikon abu-abu (akhir)
   tree	Latar belakang pohon kategori
   tree.lines	Konektor titik-titik pohon
   tree.expander	Chevron pohon, tempat varian menggambarnya
   tree.frame	Bingkai panel kategori
   progress.status	Nilai "Status" jendela progres
   progress.label.disabled	Label abu-abu di jendela progres
   segments.border	Bingkai bilah segmen
   segments.corner	Piksel sudut bilah segmen
   pieces.have	Bagian torrent yang ada di sini
   pieces.partial	Kotak yang mewakili bagian yang sebagian ada di sini
   pieces.missing	Bagian yang belum ada di sini
   caption	Bilah judul yang digambar MDM sendiri
   caption.text	Judul dan glifnya
   caption.text.inactive	Judul dan glifnya saat jendela tidak aktif, dan tombol abu-abu
   caption.hot	Tombol keterangan di bawah penunjuk (warna di atas bilah)
   caption.pressed	Tombol keterangan ditekan (warna di atas bilah)
   caption.button	Tombol keterangan saat diam, tempat gaya menampilkannya (warna di atas bilah; transparan: tidak ada)
   caption.close	Tutup di bawah penunjuk
   caption.close.text	Glif tombol "Tutup" saat kursor di atasnya
   caption.inactive	Bilah judul yang digambar MDM, saat jendelanya tidak aktif (transparan: seperti saat aktif)
   drop-target.edge	Tepi target seret saat tidak aktif
   egui.panel	Latar belakang panel egui
   egui.window	Latar belakang tooltips
   egui.window.border	Batas tooltips
   egui.text	Teks tooltips
   egui.selection.text	Tinta teks terpilih di kotak egui
   egui.extreme	Latar belakang tergelap (atau terang) egui
   egui.faint	Latar belakang samar egui
   egui.widget	Widget egui saat tidak aktif
   egui.widget.border	Batasnya (transparan: tidak ada)

   Semua ukuran (26)

   Kunci	Apa yang diatur
   radius	Radius sudut tombol, kotak teks, dan drop-down
   radius.button	Radius sudut tombol tekan mengilap (Luna, Aero; Aqua berbentuk bulat di ujung)
   radius.part	Radius sudut bagian berwarna (zona panah, tombol putar)
   radius.check	Radius sudut kotak centang
   radius.flyout	Radius sudut pop-up di jendela (kalender, kotak filter)
   radius.menu-item	Radius sudut item menu di bawah kursor
   radius.egui	Radius sudut widget egui sendiri
   radius.popup	Radius sudut tooltips
   border	Lebar batas kontrol
   focus-line	Tinggi garis aksen kotak teks yang fokus
   chevron.width	Ketebalan garis chevron drop-down
   font.dialog	Teks dialog (Tahoma di dialog IDM)
   font.dialog.bold	Judul halaman Opsi
   font.title	Judul utama jendela (Tahoma Bold): ekstensi browser, pembantu
   font.code	Kode masuk untuk diketik di halaman layanan
   font.ui	Menu dan teks jendela utama (Segoe UI)
   font.ui.bold	Judul tebal di jendela utama
   font.small	Teks kecil egui
   font.body	Teks isi egui: tooltips, kotak multi-baris
   font.heading	Judul egui
   list.row	Tinggi baris dalam daftar unduhan
   list.header	Tinggi header kolom daftar unduhan
   tooltip.width	Tempat teks tooltip melingkar
   tooltip.margin-x	Padding kiri dan kanan tooltip
   tooltip.margin-top	Padding atas tooltip
   tooltip.margin-bottom	Padding bawah tooltip

   Setiap gaya kontrol (7)

   Kunci	Gayanya
   field-focus	garis, batas, cincin
   check	fluent, square, adwaita, breeze, luna, aero, aqua
   button	fluent, breeze, luna, aero, aqua
   progress	garis, bilah, blok, gloss
   scroll	overlay, klasik
   caption	sistem, metro, adwaita, breeze, luna, aero, aqua
   focus	titik-titik, cincin, bingkai

   Atau biarkan asisten AI yang menulisnya

   Salin prompt ini ke asisten AI Anda dan jelaskan tampilan yang Anda inginkan di bagian akhirnya. Ini memberikan format, kunci, dan aturan kepada asisten: teks yang mudah dibaca dan fokus yang terlihat di kedua sisi, dan tidak ada yang disalin dari karya seni orang lain. Lihat kedua sisi sendiri sebelum Anda membagikan hasilnya.

   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. Coba, tanpa membuat MDM

   Letakkan file di folder tema MDM. Tampilan → Tema → Buka folder tema membukanya, dan membuatnya pertama kali. Ini ada di folder data MDM:

   Windows

   %APPDATA%\misterdownloadmanager\themes

   Linux

   ~/.local/share/misterdownloadmanager/themes

   macOS

   ~/Library/Application Support/misterdownloadmanager/themes

   Salinan portabel

   data\themesdi samping program

   Dalam dua detik, itu akan muncul di Tampilan → Tema, di bawah tema bawaan, dengan name yang diberikannya sendiri. Pilih dan seluruh jendela akan berubah sekaligus. Setelah Anda mengedit file, pilih lagi di Tampilan → Tema untuk melihat perubahannya. Tampilan → Dukungan Mode Gelap dan Selalu gelap beralih antara sisi terang dan gelapnya.

   Tampilan → Tema → Tambahkan file tema… akan melakukannya untuk Anda: pilih file di mana saja, dan MDM akan menyalinnya ke folder tema dan langsung menggunakannya.

   Sudah punya skema Base16 atau pywal?

   Itu sudah menjadi tema. Skema Base16 atau Base24 (.yaml) atau colors.json milik pywal, yang ditambahkan dengan cara yang sama, mengubah warna MDM dan tidak ada yang lain: latar belakang skema di balik daftar dan jendela, teksnya tetap terbaca (4.5:1 atau lebih), warna birunya pada fokus, pilihan, dan bilah kemajuan. Setelah wal berjalan, Tampilan → Tema akan mencantumkan pywal, yang dibaca dari ~/.cache/wal/colors.json (%USERPROFILE%\.cache\wal\colors.jsondi Windows), dan MDM akan mengikuti warna setiap wallpaper baru dalam waktu dua detik. Panduan menunjukkan warna mana yang ditempatkan di mana.

3. Bagikan

   Membuat sesuatu yang disukai orang lain? Buka permintaan tarik di GitHub yang menambahkannya ke crates/app/assets/themes, dengan:

   • file .toml, dan folder ikonnya jika ada;
   • tangkapan layar jendela utama di sisi terang dan gelapnya;
   • sebuah SOURCES.txt di samping setiap ikon, yang menyatakan siapa yang menggambarnya dan di bawah lisensi apa. Ikon harus milik Anda sendiri atau di bawah lisensi yang memungkinkan MDM membagikannya (GPL-3.0), tidak pernah disalin dari program lain.

   Belum yakin? Tampilkan di diskusi terlebih dahulu. Panduan kontribusi menjelaskan cara kerja permintaan tarik di sini.