To samo okno, Twój styl

Stwórz własny motyw

Motyw to mały plik tekstowy w formacie TOML (lub JSON). Nazywa tylko to, co zmienia; wszystko inne pochodzi z motywu bazowego. Nie musisz kompilować MDM ani umieć programować.

1. Stwórz go

   Zacznij od kilku kolorów, a następnie dodawaj kolejne:

   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"

   • inheritsto motyw, od którego zaczyna się Twój: classic (domyślny), high-contrast, metro, adwaita, breeze, luna, aero, aqua lub inny plik motywu w tym samym folderze.
   • [seeds]to kilka kolorów (background, surface, header, text, accent, selection, error, warning, success), które MDM rozprowadza po wszystkich elementach sterujących. [seeds.light] i [seeds.dark] nadają każdej stronie własne.
   • [colors]ustawia pojedyncze role kolorów po obu stronach, [light] i [dark] tylko po jednej stronie: #rrggbb lub #rrggbbaa z przezroczystością.
   • [sizes]to promienie narożników, szerokości obramowań, rozmiary czcionek i wysokości wierszy, w pikselach. [controls] wybiera kształt pól tekstowych, pól wyboru, przycisków, pasków postępu, pasków przewijania, znacznika fokusu i paska tytułu.
   • iconsjest color, mono lub accent. Motyw we własnym folderze (my-theme/theme.toml) może zawierać ikony w icons/16 i icons/24, każda nazwana zgodnie z tym, co przedstawia (tb-add-url.svg, cat-music.png); ikony -symbolic przyjmują kolor tekstu motywu.
   • contrast = "high"wzmacnia każdą krawędź i kolor tekstu na wierzchu.

   Klucz, którego MDM nie zna, lub wartość, której nie może odczytać, jest pomijana i zapisywana w dzienniku MDM (folder logs obok folderu motywów), dzięki czemu plik stworzony dla nowszej wersji MDM nadal się wczytuje. Wbudowane motywy są zapisywane w ten sam sposób: przeczytaj o nich na GitHubie.

   Każda rola koloru (156)

   Klucz	Co koloruje
   window	Windows' and dialogs' background
   text	Tekst i glify
   text.disabled	Wyłączony tekst, jedyna szarość każdego wyszarzonego elementu sterującego i etykiety
   text.muted	Tekst pomocniczy: notatki, rozmiary, wersje
   link	Tekst, który coś otwiera
   error	Tekst błędu
   error.strong	Komunikat o niepowodzeniu sprawdzania w Opcjach (testy połączenia, przeglądarki i pomocnika)
   warning	Tekst ostrzeżenia
   success	Tekst sukcesu (pasująca suma kontrolna)
   reach.near	Serwer pobierania w pobliżu (czas podróży w obie strony poniżej 60 ms), we Właściwościach
   reach.medium	Serwer ze średnim czasem podróży w obie strony (60 do 150 ms)
   reach.far	Serwer daleko (czas podróży w obie strony powyżej 150 ms)
   flag.edge	Cienka krawędź wokół flagi kraju
   accent	Akcent: linie fokusu, otwarte i domyślne elementy sterujące, filtry, fokus linków
   focus.ring	Kropkowany prostokąt fokusu klawiatury
   selection	Wypełnienie zaznaczenia: wiersze, wybrany dzień, zaznaczony tekst
   selection.text	Tekst na zaznaczeniu
   selection.muted	Tekst pomocniczy na zaznaczeniu
   selection.inactive	Zaznaczony wiersz na liście bez fokusu
   selection.focus	Kropkowany obrys zaznaczonego wiersza z fokusem
   group.line	Ramka pola grupy
   etch.shadow	Linia cienia wytrawionego separatora
   etch.light	Linia podświetlenia wytrawionego separatora
   tab.page	Treść strony zakładki
   tab	Niewybrana karta i cień strony
   tab.hot	Karta pod wskaźnikiem
   chevron	Strzałka listy rozwijanej lub pola wyboru
   chevron.disabled	Wyszarała strzałka
   subtle.hot	Element bez własnego wyglądu (strzałka, nagłówek kolumny) pod wskaźnikiem
   subtle.pressed	Taki element naciśnięty lub otwarty
   highlight.hot	Dzień lub strzałka kalendarza pod wskaźnikiem, cel upuszczenia
   highlight.pressed	Dzień lub strzałka kalendarza naciśnięta
   field	Wnętrze pola tekstowego lub listy
   field.border	Ramka pola tekstowego
   field.bottom	Dolna linia pola tekstowego, gdy można w nim pisać
   field.disabled	Wnętrze wyszarzałego pola tekstowego
   field.disabled.border	Ramka wyszarzałego pola tekstowego
   field.readonly	Wnętrze pola tekstowego tylko do odczytu
   field.readonly.border	Ramka pola tekstowego tylko do odczytu
   combo.chevron	Strzałka listy rozwijanej
   combo.arrow.hot	Obszar strzałki edytowalnej listy rozwijanej pod wskaźnikiem
   combo.arrow.pressed	Obszar strzałki edytowalnej listy rozwijanej naciśnięty lub otwarty
   button	Tło przycisku
   button.hot	Tło przycisku pod wskaźnikiem
   button.pressed	Tło przycisku naciśnięte
   button.border	Ramka przycisku
   button.bottom	Dolna krawędź przycisku
   button.text	Tekst przycisku
   button.text.pressed	Tekst przycisku naciśnięty
   button.default.border	Ramka domyślnego przycisku
   button.default.bottom	Dolna krawędź domyślnego przycisku
   button.disabled	Tło wyszarzałego przycisku
   button.disabled.border	Ramka wyszarzałego przycisku
   button.accent	Tło przycisku akcentującego
   button.accent.hot	Tło przycisku akcentującego pod wskaźnikiem
   button.accent.pressed	Tło przycisku akcentującego po naciśnięciu
   button.accent.bottom	Dolna krawędź przycisku akcentującego
   button.accent.text	Tekst przycisku akcentującego
   button.accent.text.pressed	Tekst przycisku akcentującego po naciśnięciu
   button.glow	Poświata wewnątrz przycisku pod wskaźnikiem, jeśli styl ją rysuje (Luna; przezroczysty: brak)
   gloss	Połysk, w który wtapiają się błyszczące części u góry: przyciski, pola, paski i paski tytułowe (Luna, Aero, Aqua)
   check	Wnętrze niezaznaczonego pola wyboru lub przycisku radiowego
   check.hot	Wnętrze pod wskaźnikiem
   check.pressed	Wnętrze po naciśnięciu
   check.border	Ramka niezaznaczonego pola wyboru lub przycisku radiowego
   check.border.hot	Ramka pod wskaźnikiem
   check.border.pressed	Ramka po naciśnięciu
   check.border.disabled	Ramka wyszarzonego niezaznaczonego pola wyboru
   check.on	Akcent zaznaczonego pola wyboru lub przycisku radiowego
   check.on.hot	Zaznaczony akcent pod wskaźnikiem
   check.on.pressed	Zaznaczony akcent po naciśnięciu
   check.on.disabled	Wypełnienie wyszarzonego zaznaczonego pola wyboru
   check.mark	Znak zaznaczenia lub kropka na zaznaczonym akcencie
   progress.track	Ścieżka paska postępu
   progress.bar	Wypełnienie paska postępu
   meter.track	Ścieżka miernika (ukończona część pobierania)
   meter.edge	Krawędź miernika
   meter.fill	Wypełnienie miernika
   list	Tło listy pobierania
   list.frame	Obramowanie listy, tabeli lub pola
   grid	Linie siatki między wierszami listy w oknach dialogowych
   list.grid	Linie siatki listy pobierania
   header	Nagłówki kolumn każdej listy i tabeli
   header.line	Dolna linia nagłówka na listach w oknach dialogowych
   header.sep	Separatory nagłówków kolumn
   table.line	Separatory w tabelach przechwytywacza linków i okna „Dodaj torrent”
   header.sorted	Nagłówek posortowanej kolumny
   header.sort-arrow	Strzałka sortowania
   row.pressed	Naciśnięty wiersz listy
   chip.web	Przycisk „Sieć” na liście pobierania
   chip.torrent	Przycisk „Torrent” na liście pobierania
   chip.text	Tekst na przycisku
   list.drag-ghost	Przeciągany nagłówek kolumny
   list.marquee	Gumka do zaznaczania wierszy
   list.marquee.border	Krawędź gumki
   scroll.track	Ścieżka paska przewijania
   scroll.corner	Miejsce styku dwóch pasków przewijania
   scroll.thumb	Uchwyt i strzałki paska przewijania
   scroll.thumb.hot	Uchwyt lub strzałka pod wskaźnikiem
   scroll.thumb.pressed	Naciśnięty lub przeciągany uchwyt lub strzałka
   menubar	Pasek menu
   menubar.bottom	Ostatni wiersz paska menu
   menubar.line	Linia pod paskiem menu
   menubar.hot	Tytuł menu pod wskaźnikiem
   menubar.open	Tytuł otwartego menu
   menu	Tło menu
   menu.item	Element menu
   menu.hot	Element menu pod wskaźnikiem
   menu.border	Ramka menu i wyskakującego okna
   menu.sep	Separatory menu
   menu.text	Tekst menu
   menu.glyph	Punktory, znaczniki wyboru i strzałki podmenu
   menu.text.disabled	Wyszarzony element menu
   toolbar.line	Górna linia paska narzędzi
   toolbar.line.light	Podświetlenie pod nim
   toolbar.hot	Przycisk paska narzędzi pod wskaźnikiem
   toolbar.hot.faint	Druga część przycisku dzielonego, gdy jedna jest pod wskaźnikiem
   toolbar.pressed	Naciśnięty przycisk paska narzędzi
   toolbar.hot.edge	Krawędź aktywnego przycisku paska narzędzi
   toolbar.hot.border	Ramka aktywnego przycisku paska narzędzi (przezroczysta: brak)
   toolbar.split.shadow	Cień dzielnika przycisku dzielonego w spoczynku
   toolbar.split.light	Podświetlenie dzielnika
   toolbar.text.disabled	Wyszarała etykieta paska narzędzi
   toolbar.arrow	Strzałka przycisku rozwijanego
   icon.disabled	Kolor wyszarzałej ikony (początek)
   icon.disabled.end	Kolor wyszarzałej ikony (koniec)
   tree	Tło drzewa kategorii
   tree.lines	Kropkowane łączniki drzewa
   tree.expander	Znaczniki drzewa, jeśli wariant je rysuje
   tree.frame	Ramka panelu kategorii
   progress.status	Wartość „Stan” w oknie postępu
   progress.label.disabled	Wyszarała etykieta w oknie postępu
   segments.border	Ramka paska segmentów
   segments.corner	Piksele narożne paska segmentów
   pieces.have	Fragment torrenta, który jest obecny
   pieces.partial	Kwadrat oznaczający częściowo obecne fragmenty
   pieces.missing	Fragment, którego jeszcze nie ma
   caption	Pasek tytułu rysowany przez MDM
   caption.text	Jego tytuł i glify
   caption.text.inactive	Jego tytuł i glify, gdy okno nie jest aktywne, oraz wyszarzałego przycisku
   caption.hot	Przycisk paska tytułu pod wskaźnikiem (odcień na pasku)
   caption.pressed	Naciśnięty przycisk paska tytułu (odcień na pasku)
   caption.button	Przycisk paska tytułu w spoczynku, jeśli styl go pokazuje (odcień na pasku; przezroczysty: brak)
   caption.close	„Zamknij” pod wskaźnikiem
   caption.close.text	Glif przycisku Zamknij pod wskaźnikiem
   caption.inactive	Pasek tytułu rysowany przez MDM, gdy okno jest nieaktywne (przezroczysty: jak przy aktywnym)
   drop-target.edge	Krawędź obszaru docelowego w spoczynku
   egui.panel	Tło panelu egui
   egui.window	Tło etykiet narzędzi
   egui.window.border	Ramka etykiet narzędzi
   egui.text	Tekst etykiet narzędzi
   egui.selection.text	Kolor zaznaczonego tekstu w polach egui
   egui.extreme	Najciemniejsze (lub najjaśniejsze) tło egui
   egui.faint	Delikatne tło egui
   egui.widget	Widżety egui w spoczynku
   egui.widget.border	Ich ramka (przezroczysta: brak)

   Wszystkie rozmiary (26)

   Klucz	Co ustawia
   radius	Promień narożników przycisków, pól tekstowych i list rozwijanych
   radius.button	Promień narożników błyszczącego przycisku (Luna, Aero; Aqua ma zaokrąglone końce)
   radius.part	Promień narożników przyciemnionej części (strefa strzałki, przycisk obrotowy)
   radius.check	Promień narożników pola wyboru
   radius.flyout	Promień narożników wyskakującego okna (kalendarz, pole filtra)
   radius.menu-item	Promień narożników elementu menu pod wskaźnikiem
   radius.egui	Promień narożników widżetów egui
   radius.popup	Promień narożników etykiet narzędzi
   border	Szerokość ramki kontrolki
   focus-line	Wysokość linii akcentu w aktywnym polu tekstowym
   chevron.width	Grubość kreski szewronu listy rozwijanej
   font.dialog	Tekst okna dialogowego (Tahoma w oknach dialogowych IDM)
   font.dialog.bold	Tytuły stron Opcji
   font.title	Nagłówek okna (Tahoma Bold): rozszerzenia przeglądarki, pomocników
   font.code	Kod logowania do wpisania na stronie usługi
   font.ui	Tekst menu i głównego okna (Segoe UI)
   font.ui.bold	Pogrubione nagłówki w głównym oknie
   font.small	mały tekst egui
   font.body	tekst główny egui: dymki, pola wielowierszowe
   font.heading	nagłówki egui
   list.row	wysokość wiersza na liście pobierania
   list.header	wysokość nagłówków kolumn listy pobierania
   tooltip.width	gdzie zawija się tekst dymka
   tooltip.margin-x	lewe i prawe dopełnienie dymka
   tooltip.margin-top	górne dopełnienie dymka
   tooltip.margin-bottom	dolne dopełnienie dymka

   Każdy styl kontrolki (7)

   Klucz	Jego style
   field-focus	linia, obramowanie, pierścień
   check	fluent, square, adwaita, breeze, luna, aero, aqua
   button	fluent, breeze, luna, aero, aqua
   progress	linia, pasek, bloki, połysk
   scroll	nakładka, klasyczny
   caption	system, metro, adwaita, breeze, luna, aero, aqua
   focus	kropkowany, pierścień, ramka

   Lub pozwól asystentowi AI go napisać

   Skopiuj ten prompt do swojego asystenta AI i opisz na końcu wygląd, jaki chcesz uzyskać. Prompt podaje asystentowi format, klucze i zasady: czytelny tekst i widoczny fokus po obu stronach, bez kopiowania z czyjejkolwiek grafiki. Sprawdź obie strony samodzielnie, zanim udostępnisz wynik.

   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. Wypróbuj, bez kompilowania MDM

   Umieść plik w folderze motywów MDM. Widok → Motyw → Otwórz folder motywów otwiera go i tworzy, jeśli to pierwszy raz. Znajduje się w folderze danych MDM:

   Windows

   %APPDATA%\misterdownloadmanager\themes

   Linux

   ~/.local/share/misterdownloadmanager/themes

   macOS

   ~/Library/Application Support/misterdownloadmanager/themes

   Kopia przenośna

   data\themesobok programu

   W ciągu dwóch sekund pojawi się w Widok → Motyw, pod wbudowanymi motywami, z name, które sam sobie nadaje. Wybierz go, a całe okno zmieni się natychmiast. Po edycji pliku wybierz go ponownie w Widok → Motyw, aby zobaczyć zmianę. Widok → Obsługa trybu ciemnego i Zawsze ciemny przełączają między jego jasną a ciemną stroną.

   Zrób to, używając Widok → Motyw → Dodaj plik motywu…: wybierz plik z dowolnego miejsca, a MDM skopiuje go do folderu motywów i od razu go zastosuje.

   Masz już schemat Base16 lub pywal?

   To już jest motyw. Schemat Base16 lub Base24 (.yaml) lub colors.json z pywal, dodany w ten sam sposób, zmienia tylko kolory MDM: tła schematu za listą i oknami, tekst pozostaje czytelny (4.5:1 lub więcej), jego niebieski kolor na fokusie, zaznaczeniu i pasku postępu. Po uruchomieniu wal, Widok → Motyw wyświetla pywal, odczytany z ~/.cache/wal/colors.json (%USERPROFILE%\.cache\wal\colors.jsonw systemie Windows), a MDM dostosowuje się do kolorów każdej nowej tapety w ciągu dwóch sekund. Przewodnik pokazuje, który kolor gdzie pasuje.

3. Udostępnij

   Stworzyłeś coś, co spodobałoby się innym? Otwórz pull request na GitHubie, który doda to do crates/app/assets/themes, z:

   • plik .toml i jego folder ikon, jeśli go posiada;
   • zrzuty ekranu głównego okna w jego jasnej i ciemnej wersji;
   • obok każdej ikony SOURCES.txt, z informacją, kto ją narysował i na jakiej licencji. Ikony muszą być Twoje lub na licencji umożliwiającej MDM ich udostępnianie (GPL-3.0), nigdy skopiowane z innego programu.

   Nie masz pewności? Najpierw pokaż to w dyskusjach. Przewodnik dla współtwórców wyjaśnia, jak działają tutaj żądania ściągnięcia.