Neues Themensystem in DbGate

Published: 2026-01-23

Über mehrere Jahre hinweg verwendete DbGate dasselbe Themensystem. Mit Version 7.0.0 haben wir ein komplett neues Themensystem auf Basis von JSON-Dateien eingeführt. Leider werden alte benutzerdefinierte Themes, die als Plugins implementiert wurden, nicht mehr unterstützt.

Wir schätzen es sehr, dass Mitglieder der DbGate-Community Themes für DbGate erstellt haben, und wir bedauern, dass die bisher erstellten Themes nicht mehr unterstützt werden. Aus diesem Grund haben wir diese Entscheidung lange hinausgezögert. Doch mit der Zeit wurde es immer weniger tragbar, das Design nicht weiterentwickeln zu können. Letztlich haben wir uns entschieden, einen radikalen Schritt zu gehen und das Themensystem vollständig zu überarbeiten.

In diesem Artikel erkläre ich, warum wir diese Änderung vorgenommen haben und wie das neue Themensystem funktioniert.

Eingefrorenes Themensystem in DbGate bis Version 6.x

DbGate hatte bis Version 6.x ein relativ einfaches Themensystem. Es nutzte eine kleine Anzahl von CSS-Variablen zur Definition von Farben. Diese CSS-Variablen waren nicht an bestimmte UI-Elemente gebunden, sondern eher generisch (wie --font-color-1, --font-color-2, --background-color-1, --background-color-2 usw.). Dieses System machte es zwar einfach, neue Themes zu erstellen, war aber ziemlich eingeschränkt. Es war nicht möglich, Stile für bestimmte UI-Elemente unabhängig voneinander zu definieren. Außerdem fror das System das Design der Anwendung ein, da die Änderung einer Farb-CSS-Variable die gesamte Anwendung betraf und nicht nur bestimmte Teile.

Elementbasiertes Theming in DbGate 7.0.0

In DbGate 7.0.0 haben wir ein komplett neues Themensystem auf Basis von JSON-Dateien eingeführt. Im neuen System hat jedes UI-Element seinen eigenen Satz von CSS-Variablen, die Farben, Rahmen und andere Stil-Eigenschaften definieren. Das bietet deutlich mehr Flexibilität bei der Definition von Themes. Das Theme wird nun durch wesentlich mehr CSS-Variablen definiert, die jeweils bestimmten UI-Elementen zugeordnet sind (wie --data-browser-font-color, --data-browser-background-color, --button-font-color, --button-background-color usw.).

Im Zeitalter von KI-generierten Inhalten wollten wir es einfach machen, benutzerdefinierte Themes mit Hilfe von KI zu erstellen, was eine detailliertere Kontrolle über das Erscheinungsbild der Anwendung erforderte. Außerdem sind mit KI, die diese Arbeit übernehmen kann, die Kosten für die Pflege einer größeren Anzahl von CSS-Variablen vernachlässigbar geworden, während die Vorteile in Bezug auf Designflexibilität erheblich sind.

Dokumentation zu benutzerdefinierten Themes

Themes mit KI generieren

Die DbGate Premium Edition enthält eine neue Funktion namens Theme-KI-Assistent. Mit dieser Funktion können Benutzer benutzerdefinierte Themes mithilfe von KI erstellen. Beschreiben Sie Ihr gewünschtes Theme einfach in natürlicher Sprache, und der KI-Assistent generiert ein Theme basierend auf Ihrer Beschreibung. Sie können das generierte Theme auch anpassen, indem Sie einfach die gewünschten Änderungen beschreiben.

Themes über DbGate Cloud teilen

Wir haben die öffentliche Wissensdatenbank von DbGate erweitert, um das Teilen benutzerdefinierter Themes zu unterstützen. Erstellen Sie einfach Ihr Theme (definieren Sie CSS-Variablen in einer JSON-Datei). Sie können sich vom Solarized-Light-Theme Quellcode inspirieren lassen. Wir empfehlen, den KI-Assistenten zu verwenden, um die erste Version Ihres Themes zu erstellen. Zum Veröffentlichen erstellen Sie einfach einen Pull Request im DbGate Public Knowledge Base Repository. Nach dem Merge wird Ihr Theme für alle DbGate-Benutzer im Theme-Auswahldialog verfügbar sein (inklusive Vorschau basierend auf den Farben Ihres Themes).