Nuovo sistema di temi in DbGate

Published: 2026-01-23

Per diversi anni, DbGate ha mantenuto lo stesso sistema di temi. Con la versione 7.0.0 abbiamo introdotto un sistema di temi completamente nuovo basato su file JSON. Purtroppo, i vecchi temi personalizzati implementati come plugin non sono più supportati.

Apprezziamo profondamente che i membri della community di DbGate abbiano creato temi per DbGate e ci dispiace che i temi creati in precedenza non saranno più supportati. Per questo motivo abbiamo rimandato questa decisione a lungo. Tuttavia, con il passare del tempo, l’impossibilità di far evolvere il design è diventata sempre più insostenibile. Alla fine abbiamo deciso di apportare un cambiamento radicale e rinnovare completamente il sistema di temi.

In questo articolo spiegherò perché abbiamo apportato questa modifica e come funziona il nuovo sistema di temi.

Sistema di temi congelato in DbGate fino alla versione 6.x

DbGate ha avuto un sistema di temi relativamente semplice fino alla versione 6.x. Utilizzava un numero ridotto di variabili CSS per definire i colori. Queste variabili CSS non erano collegate a elementi specifici dell’interfaccia utente, ma erano più generiche (come --font-color-1, --font-color-2, --background-color-1, --background-color-2, ecc.). Sebbene questo sistema rendesse semplice creare nuovi temi, era piuttosto limitato. Non era possibile definire in modo indipendente gli stili per specifici elementi dell’interfaccia. Il sistema congelava anche il design dell’applicazione, perché modificare una variabile CSS di colore influenzava l’intera applicazione invece di parti specifiche.

Temi basati sugli elementi in DbGate 7.0.0

In DbGate 7.0.0 abbiamo introdotto un sistema di temi completamente nuovo basato su file JSON. Nel nuovo sistema, ogni elemento dell’interfaccia utente ha il proprio set di variabili CSS che definiscono colori, bordi e altre proprietà di stile. Questo offre molta più flessibilità nella definizione dei temi. Il tema è ora definito da molte più variabili CSS, ciascuna collegata a specifici elementi dell’interfaccia (come --data-browser-font-color, --data-browser-background-color, --button-font-color, --button-background-color, ecc.).

Nell’era dei contenuti generati dall’IA, volevamo rendere semplice la creazione di temi personalizzati usando l’IA, il che richiedeva un controllo più dettagliato sull’aspetto dell’applicazione. Inoltre, con l’IA in grado di gestire questo lavoro, il costo di mantenere un numero maggiore di variabili CSS è diventato trascurabile, mentre i benefici in termini di flessibilità del design sono significativi.

Documentazione dei temi personalizzati

Generare temi con l’IA

L’edizione DbGate Premium include una nuova funzionalità chiamata Theme AI assistant. Questa funzionalità consente agli utenti di creare temi personalizzati utilizzando l’IA. È sufficiente descrivere il tema desiderato in linguaggio naturale e l’assistente IA genererà un tema basato sulla descrizione. È anche possibile modificare il tema generato semplicemente descrivendo le modifiche che si desidera apportare.

Condividere i temi tramite DbGate Cloud

Abbiamo migliorato la knowledge base pubblica di DbGate per supportare la condivisione di temi personalizzati. Basta creare il proprio tema (definire le variabili CSS in un file JSON). Si può prendere ispirazione dal tema Solarized light codice sorgente. Incoraggiamo a usare l’assistente IA per creare la prima versione del proprio tema. Per la pubblicazione, è sufficiente creare una pull request al repository della knowledge base pubblica di DbGate. Dopo il merge, il tema sarà disponibile per tutti gli utenti di DbGate nel selettore dei temi (anche con un’anteprima basata sui colori del tema).