Nový systém motivů v DbGate
Published: 2026-01-23
Po několik let si DbGate udržoval stejný systém motivů. S verzí 7.0.0 jsme zavedli zcela nový systém motivů založený na souborech JSON. Bohužel staré vlastní motivy implementované jako pluginy již nejsou podporovány.
Velmi si vážíme toho, že členové komunity DbGate vytvářeli motivy pro DbGate, a litujeme, že dříve vytvořené motivy již nebudou podporovány. Právě proto jsme toto rozhodnutí dlouho odkládali. Jak ale čas plynul, neschopnost dále rozvíjet design se stávala stále neudržitelnější. Nakonec jsme se rozhodli pro radikální změnu a kompletně přepracovali systém motivů.
V tomto článku vysvětlím, proč jsme tuto změnu provedli a jak nový systém motivů funguje.
Zmrazený systém motivů v DbGate do verze 6.x
Až do verze 6.x měl DbGate poměrně jednoduchý systém motivů. Používal malé množství CSS proměnných pro definici barev. Tyto CSS proměnné nebyly navázány na konkrétní prvky uživatelského rozhraní, ale byly spíše obecné (například --font-color-1, --font-color-2, --background-color-1, --background-color-2 atd.). Tento systém sice usnadňoval vytváření nových motivů, ale byl poměrně omezený. Nebylo možné nezávisle definovat styly pro konkrétní prvky UI. Systém také zmrazil design aplikace, protože změna barevné CSS proměnné ovlivnila celou aplikaci, nikoli jen konkrétní části.
Témování založené na prvcích v DbGate 7.0.0
V DbGate 7.0.0 jsme zavedli zcela nový systém motivů založený na souborech JSON. V novém systému má každý prvek uživatelského rozhraní vlastní sadu CSS proměnných, které definují barvy, rámečky a další vlastnosti stylu. To poskytuje mnohem větší flexibilitu při definování motivů. Motiv je nyní definován mnohem větším množstvím CSS proměnných, z nichž každá souvisí s konkrétními prvky UI (například --data-browser-font-color, --data-browser-background-color, --button-font-color, --button-background-color atd.).
V éře obsahu generovaného umělou inteligencí jsme chtěli usnadnit vytváření vlastních motivů pomocí AI, což vyžadovalo detailnější kontrolu nad vzhledem aplikace. Navíc díky tomu, že AI dokáže tuto práci zvládnout, se náklady na údržbu většího množství CSS proměnných staly zanedbatelnými, zatímco přínosy z hlediska flexibility designu jsou významné.
Generování motivů pomocí AI
Edice DbGate Premium obsahuje novou funkci Theme AI assistant. Tato funkce umožňuje uživatelům vytvářet vlastní motivy pomocí AI. Stačí v přirozeném jazyce popsat požadovaný motiv a AI asistent vygeneruje motiv na základě vašeho popisu. Vygenerovaný motiv můžete také upravovat, a to jednoduše tak, že popíšete změny, které chcete provést.
Sdílení motivů přes DbGate Cloud
Vylepšili jsme veřejnou znalostní bázi DbGate tak, aby podporovala sdílení vlastních motivů. Stačí vytvořit svůj motiv (definovat CSS proměnné v JSON souboru). Můžete se inspirovat zdrojovým kódem motivu Solarized light source code. Doporučujeme použít AI asistenta k vytvoření první verze vašeho motivu. Pro publikování stačí vytvořit pull request do repozitáře veřejné znalostní báze DbGate. Po sloučení bude váš motiv k dispozici všem uživatelům DbGate ve výběru motivů (také s náhledem založeným na barvách ve vašem motivu).