Nový systém tém v DbGate
Published: 2026-01-23
Niekoľko rokov si DbGate udržiaval rovnaký systém tém. S verziou 7.0.0 sme zaviedli úplne nový systém tém založený na súboroch JSON. Bohužiaľ, staré vlastné témy implementované ako pluginy už nie sú podporované.
Veľmi si vážime, že členovia komunity DbGate vytvárali témy pre DbGate, a ľutujeme, že doteraz vytvorené témy už nebudú podporované. Aj preto sme toto rozhodnutie dlho odkladali. Ako však čas plynul, neschopnosť ďalej rozvíjať dizajn sa stávala čoraz neudržateľnejšou. Nakoniec sme sa rozhodli pre radikálnu zmenu a kompletné prepracovanie systému tém.
V tomto článku vysvetlím, prečo sme túto zmenu urobili a ako nový systém tém funguje.
Zmrazený systém tém v DbGate do verzie 6.x
DbGate mal až do verzie 6.x relatívne jednoduchý systém tém. Používal malé množstvo premenných CSS na definovanie farieb. Tieto premenné CSS neboli naviazané na konkrétne prvky používateľského rozhrania, ale boli skôr všeobecné (ako --font-color-1, --font-color-2, --background-color-1, --background-color-2 atď.). Hoci tento systém uľahčoval vytváranie nových tém, bol dosť obmedzený. Nebolo možné nezávisle definovať štýly pre konkrétne prvky používateľského rozhrania. Systém tiež zmrazil dizajn aplikácie, pretože zmena farby v premennej CSS ovplyvnila celú aplikáciu, a nie konkrétne časti.
Témy založené na prvkoch v DbGate 7.0.0
V DbGate 7.0.0 sme zaviedli úplne nový systém tém založený na súboroch JSON. V novom systéme má každý prvok používateľského rozhrania vlastnú sadu premenných CSS, ktoré definujú farby, orámovanie a ďalšie vlastnosti štýlu. To poskytuje oveľa väčšiu flexibilitu pri definovaní tém. Téma je teraz definovaná oveľa väčším počtom premenných CSS, z ktorých každá súvisí s konkrétnymi prvkami používateľského rozhrania (ako --data-browser-font-color, --data-browser-background-color, --button-font-color, --button-background-color atď.).
V ére obsahu generovaného umelou inteligenciou sme chceli uľahčiť vytváranie vlastných tém pomocou AI, čo si vyžadovalo detailnejšiu kontrolu nad vzhľadom aplikácie. Navyše, keďže AI dokáže túto prácu zvládnuť, náklady na údržbu väčšieho množstva premenných CSS sa stali zanedbateľnými, zatiaľ čo prínosy z hľadiska flexibility dizajnu sú významné.
Generovanie tém pomocou AI
Edícia DbGate Premium obsahuje novú funkciu Theme AI assistant. Táto funkcia umožňuje používateľom vytvárať vlastné témy pomocou AI. Stačí, ak svoju požadovanú tému opíšete prirodzeným jazykom a AI asistent vygeneruje tému na základe vášho popisu. Vygenerovanú tému môžete tiež upravovať, jednoducho tým, že opíšete zmeny, ktoré chcete vykonať.
Zdieľanie tém cez DbGate Cloud
Vylepšili sme verejnú znalostnú bázu DbGate tak, aby podporovala zdieľanie vlastných tém. Stačí vytvoriť svoju tému (definovať premenné CSS v súbore JSON). Môžete sa inšpirovať zdrojovým kódom témy Solarized light source code. Odporúčame použiť AI asistenta na vytvorenie prvej verzie vašej témy. Na publikovanie stačí vytvoriť pull request do repozitára verejnej znalostnej bázy DbGate. Po zlúčení bude vaša téma dostupná pre všetkých používateľov DbGate vo výbere tém (vrátane náhľadu založeného na farbách vo vašej téme).