Novo sistema de temas no DbGate

Published: 2026-01-23

Por vários anos, o DbGate manteve o mesmo sistema de temas. Com a versão 7.0.0, introduzimos um sistema de temas completamente novo, baseado em arquivos JSON. Infelizmente, temas personalizados antigos implementados como plugins não são mais suportados.

Agradecemos profundamente que membros da comunidade DbGate tenham criado temas para o DbGate, e lamentamos que os temas criados anteriormente não sejam mais suportados. É por isso que adiamos essa decisão por muito tempo. No entanto, com o passar do tempo, a impossibilidade de evoluir o design tornou-se cada vez mais insustentável. Acabamos decidindo fazer uma mudança radical e reformular completamente o sistema de temas.

Neste artigo, vou explicar por que fizemos essa mudança e como o novo sistema de temas funciona.

Sistema de temas congelado no DbGate até a versão 6.x

O DbGate tinha um sistema de temas relativamente simples até a versão 6.x. Ele usava um pequeno número de variáveis CSS para definir cores. Essas variáveis CSS não estavam relacionadas a elementos específicos da interface, mas eram mais genéricas (como --font-color-1, --font-color-2, --background-color-1, --background-color-2, etc.). Embora esse sistema facilitasse a criação de novos temas, ele era bastante limitado. Não era possível definir estilos para elementos específicos da interface de forma independente. O sistema também congelava o design do aplicativo, porque alterar uma variável de cor CSS afetava todo o aplicativo em vez de partes específicas.

Temas baseados em elementos no DbGate 7.0.0

No DbGate 7.0.0, introduzimos um sistema de temas completamente novo, baseado em arquivos JSON. No novo sistema, cada elemento da interface tem seu próprio conjunto de variáveis CSS definindo cores, bordas e outras propriedades de estilo. Isso oferece muito mais flexibilidade na definição de temas. O tema agora é definido por muito mais variáveis CSS, cada uma relacionada a elementos específicos da interface (como --data-browser-font-color, --data-browser-background-color, --button-font-color, --button-background-color, etc.).

Na era de conteúdo gerado por IA, queríamos facilitar a criação de temas personalizados usando IA, o que exigia um controle mais detalhado sobre a aparência do aplicativo. Além disso, com a IA capaz de lidar com esse trabalho, o custo de manter mais variáveis CSS tornou-se insignificante, enquanto os benefícios em termos de flexibilidade de design são significativos.

Documentação de temas personalizados

Gerar temas por IA

A edição DbGate Premium inclui um novo recurso de assistente de Tema por IA. Esse recurso permite que os usuários criem temas personalizados usando IA. Basta descrever o tema desejado em linguagem natural, e o assistente de IA gerará um tema com base na sua descrição. Você também pode modificar o tema gerado apenas descrevendo as alterações que deseja fazer.

Compartilhar temas via DbGate Cloud

Aprimoramos a base de conhecimento pública do DbGate para oferecer suporte ao compartilhamento de temas personalizados. Basta criar seu tema (definir variáveis CSS em um arquivo JSON). Você pode se inspirar no código-fonte do tema Solarized light source code. Recomendamos usar o assistente de IA para criar a primeira versão do seu tema. Para publicar, basta criar um pull request para o repositório da base de conhecimento pública do DbGate. Após o merge, seu tema ficará disponível para todos os usuários do DbGate no seletor de temas (também com uma pré-visualização baseada nas cores do seu tema).