Designs

Ein Design verändert das Aussehen von MDM, behält aber alles an seinem Platz: dieselben Fenster, Menüs und Schaltflächen an denselben Stellen, nur in anderen Farben, Formen und mit anderen Symbolen. Jedes Design hat eine helle und eine dunkle Seite.

Auswählen

Öffnen Sie Ansicht → Design und klicken Sie auf ein Design: Das gesamte Fenster ändert sich sofort, ohne Neustart. Ansicht → Dark Mode-Unterstützung und Ansicht → Immer dunkel wählen dann die helle oder dunkle Seite, wie beim klassischen Aussehen (Dark Mode).

Die integrierten Designs sind Klassisch (MDMs eigenes Aussehen, die Standardeinstellung), System (Akzentfarbe und Kontrast Ihres Systems), Hoher Kontrast und die Stil-Designs Metro, Adwaita, Breeze, Luna, Aero und Aqua, jedes mit eigenen Steuerelementformen und Symbolen und unter Windows mit eigener Titelleiste. Erste Schritte beschreibt jedes einzelne; die Design-Seite der Website zeigt alle, hell und dunkel.

Speicherort der Design-Dateien

Von Ihnen erstellte oder heruntergeladene Design-Dateien gehören in den Design-Ordner von MDM. Ansicht → Design → Themenordner öffnen öffnet ihn (und erstellt ihn beim ersten Mal). Er befindet sich im Datenordner von MDM:

Innerhalb von zwei Sekunden erscheint eine neue Datei unter den integrierten Designs in Ansicht → Design, gekennzeichnet durch das name, das sie sich selbst gibt. Nachdem Sie eine Datei bearbeitet haben, wählen Sie sie erneut in Ansicht → Design aus, um die Änderung zu sehen.

Ein Design kann eine einzelne Datei (harbour.toml) oder ein eigener Ordner (harbour/theme.toml) sein, wenn es Symbole mitbringt.

Ansicht → Design → Designdatei hinzufügen… erledigt das für Sie: Wählen Sie eine Datei aus, und MDM kopiert sie in den Designordner und wendet sie sofort an. Eine Datei, die kein Design ist, wird nicht übernommen, und MDM erklärt, warum.

Base16- und pywal-Farbschemata

Farbschemata, die für andere Programme erstellt wurden, sind ebenfalls Designs, ohne dass eine Konvertierung erforderlich ist:

• Ein Base16-Schema, die .yaml-Datei, in der die Base16- und Base24-Schemata vorliegen: sowohl das klassische Layout (scheme: und base00 bis base0F oben) als auch das neuere (name: und ein palette:-Block). Ein Base24-Schema wird als seine ersten 16 Farben gelesen.
• pywals colors.json oder die Datei eines beliebigen Programms im pywal-Format (wallusts pywal-Vorlage).

Fügen Sie es mit Ansicht → Design → Designdatei hinzufügen… hinzu oder legen Sie es selbst in den Designordner. Es wird unter Ansicht → Design unter dem Namen des Schemas angezeigt (name: oder scheme:; pywals ist nach dem Hintergrundbild benannt).

pywal selbst: Sobald wal ausgeführt wurde, listet Ansicht → Design pywal auf, direkt aus dem Ort, an dem pywal seine Farben schreibt: ~/.cache/wal/colors.json (unter Windows %USERPROFILE%\.cache\wal\colors.json, wo winwal und pywal es schreiben; $PYWAL_CACHE_DIR oder $XDG_CACHE_HOME/wal, wenn Sie diese festlegen). Wählen Sie es aus, und MDM folgt Ihrem Hintergrundbild: Jedes Mal, wenn wal neue Farben schreibt, übernimmt MDM diese innerhalb von zwei Sekunden. Es achtet nur auf das Datum und die Größe der Datei, alle zwei Sekunden, und nur, solange pywal das Design ist. Eine mit Designdatei hinzufügen… hinzugefügte Kopie behält die Farben, die sie hatte.

Ein Schema ändert nur die Farben im klassischen Look: Jedes Fenster, jede Schaltfläche und jedes Menü bleibt an seinem Platz. Ein dunkles Schema macht MDM dunkel und ein helles hell, unabhängig davon, was Ansicht → Immer dunkel sagt. Die Farben des Schemas gehen dorthin, wo sie dasselbe bedeuten:

Ränder sowie die Hover- und gedrückten Schattierungen werden aus diesen gemischt, wie für die [seeds] einer Designdatei. Text bleibt lesbar: Text und sekundärer Text mit einem Kontrastverhältnis von 4,5:1 oder mehr zu jedem Hintergrund, auf dem sie liegen (WCAG AA), der Akzent mit 3:1. Ein Schema, das dies unterschreitet, lässt diese Farben etwas dunkler (heller bei einem dunklen Schema) verschieben, bis sie passen; das MDM-Protokoll gibt an, welche.

Um mehr als nur Farben zu ändern, erstellen Sie eine Designdatei, die das Schema anhand ihres Dateinamens erbt und das hinzufügt, was Sie möchten:

name = "Gruvbox, my way"
inherits = "gruvbox-dark-medium"   # gruvbox-dark-medium.yaml, beside it
icons = "accent"

[sizes]
radius = 6

inherits = "pywal"funktioniert auf die gleiche Weise und folgt auch wal.

Die Datei

Ein Design ist eine kleine Textdatei in TOML (oder JSON, .json; oder ein Farbschema, .yaml). Es benennt nur das, was es ändert; alles andere stammt von dem Design, das es inherits:

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"

• name – was Ansicht → Design auflistet; der Dateiname, wenn keiner vorhanden ist.
• inherits – das Design, von dem Ihres ausgeht: classic (die Standardeinstellung, wenn weggelassen), die ID eines integrierten Designs (metro, adwaita, breeze, luna, aero, aqua, high-contrast) oder eine andere Design-Datei im selben Ordner, benannt nach ihrem Dateinamen ohne .toml. Eine Datei, die eine andere erbt, kann wiederum geerbt werden; ein Design kann sich nicht selbst erben.
• [seeds] – eine Handvoll Farben (background, surface, header, text, accent, selection, error, warning, success), die MDM über jedes Steuerelement verteilt. [seeds.light] und [seeds.dark] geben jeder Seite ihre eigene.
• [colors] – einzelne Farbrollen (wie window, accent oder "segments.done") auf beiden Seiten; [light] und [dark] nur auf einer Seite. Eine Farbe ist #rrggbb oder #rrggbbaa mit Transparenz. Die von einer Datei festgelegten Rollen setzen sich über ihre Basisfarben hinweg.
• [sizes] – Eckenradien, Rahmenbreiten, Schriftgrößen und Zeilenhöhen, in Pixeln.
• [controls] – die Form von Textfeldern, Kontrollkästchen, Schaltflächen, Fortschrittsbalken, Bildlaufleisten, der Fokusmarkierung und der Titelleiste.
• icons – color, mono (eine Farbe) oder accent.
• contrast = "high" – verstärkt jede Kanten- und Textfarbe zusätzlich zum Rest.

Jede Farbrolle, Größe und jeder Steuerelementstil, mit dem, was er festlegt, ist auf der Design-Seite der Website aufgeführt (aus MDMs eigenem Code gelesen, sodass es nie abweicht). Die integrierten Designs sind auf dieselbe Weise geschrieben: lesen Sie sie auf GitHub.

Ein Schlüssel, den MDM nicht kennt, oder ein Wert, den es nicht lesen kann, wird übersprungen und in MDMs Protokoll (der Ordner logs neben dem Design-Ordner) geschrieben, sodass eine für ein neueres MDM erstellte Datei immer noch geladen wird. Eine Datei, die kein gültiges TOML oder JSON ist, wird nicht geladen, und das Protokoll gibt den Grund an. Eine Datei, die wie ein integriertes Design benannt ist (metro.toml), wird übergangen: Geben Sie Ihrer Datei einen eigenen Namen.

Symbole

Ein Design in einem eigenen Ordner (harbour/theme.toml) kann seine Symbole in icons/16 und icons/24 (und, für PNG-Bilder, icons/32 und icons/48, verwendet auf einem Bildschirm mit 150 % Skalierung und mehr) mitbringen, jeweils benannt nach dem, was es zeigt (tb-add-url.svg, cat-music.png…). SVG- und PNG-Dateien behalten ihre Farben; -symbolic.svg und -symbolic.png-Dateien, wie GNOME und KDE sie benennen, übernehmen die Textfarbe des Designs. Ein Symbol, das im Set fehlt, wird so gezeichnet, wie es das klassische Aussehen zeichnet. Die vollständige Liste der Namen finden Sie in themeicons.rs (NEEDS).

Erstellen

1. Ansicht → Design → Themenordner öffnen und dort eine neue .toml-Datei erstellen (beliebiger Texteditor).
2. Beginnen Sie mit dem obigen Beispiel: Ändern Sie die Farben der Basisfarben und fügen Sie dann nach und nach Rollen und Größen hinzu.
3. Wählen Sie es in Ansicht → Design aus und betrachten Sie beide Seiten: Ansicht → Immer dunkel ein- und ausgeschaltet. Überprüfen Sie, ob der Text lesbar und die Fokusmarkierung auf beiden Seiten sichtbar ist.

Die Design-Seite der Website enthält eine Eingabeaufforderung, die Sie einem KI-Assistenten geben können, mit dem Format, jedem Schlüssel und den Regeln, um ein Design aus einer Beschreibung für Sie zu erstellen.

Teilen

Haben Sie etwas erstellt, das anderen gefallen könnte? Eröffnen Sie einen Pull Request, der es zu crates/app/assets/themes hinzufügt, mit:

• der .toml-Datei und dem zugehörigen Icon-Ordner, falls vorhanden;
• Screenshots des Hauptfensters in seiner hellen und dunklen Ansicht;
• ein SOURCES.txt neben allen Icons, mit Angabe des Zeichners und der Lizenz. Icons müssen selbst erstellt sein oder unter einer Lizenz stehen, die MDM die Weitergabe erlaubt (GPL-3.0), niemals von einem anderen Programm kopiert.

Noch unsicher? Zeigen Sie es zuerst in den Diskussionen. CONTRIBUTING.md erklärt, wie Pull Requests hier funktionieren.

Nächste Schritte

• Erste Schritte →
• Optionen →