Acabei de publicar um tema que estava refinando há um tempo, agora disponível como código aberto sob a licença MIT: um visual limpo e moderno construído em torno de superfícies translúcidas de vidro fosco (cabeçalho, barra lateral, busca), com um esquema de cores claro e escuro desenvolvido especificamente para isso — sem cores fixas, tudo vinculado às propriedades CSS personalizadas do Discourse, para que funcione imediatamente com a alternância automática entre modo claro e escuro.
Repositório: terraboss/discourse-terraglass
Funcionalidades
- Superfícies de vidro fosco — o cabeçalho, a barra lateral/menu hambúrguer e o campo de busca no cabeçalho/menu suspenso são semitransparentes, com desfoque de fundo, e tanto a opacidade quanto a intensidade do desfoque são configuráveis
- Esquemas de cores claros e escuros separados e desenvolvidos especificamente (não apenas um único esquema invertido), verificados quanto ao contraste WCAG AA para texto e elementos de interface
- Pré-visualizações de links em estilo onebox (X/Twitter) com borda fina e cantos arredondados
- Tags em formato de bandeira/seta, no estilo etiqueta
- Incorporações de vídeo fixas em 16:9 em todos os dispositivos
- Lista de tópicos listrada (zebra) com um estado de hover sutil
- Arredondamento de cantos configurável em botões, cartões, modais e campos de entrada
- Contorno de foco acessível que usa a própria cor do texto do esquema, mantendo-se visível tanto no modo claro quanto no escuro
- Tudo acima é uma configuração de tema — desative ou ajuste o que não quiser
Instalação
Personalizar → Temas → Instalar → A partir de um repositório git:
https://github.com/terraboss/discourse-terraglass
Isso também permite a opção de “Verificar atualizações” com um clique no futuro.
Atualização
O problema com o desfoque de backdrop-filter que sinalizei inicialmente abaixo agora foi corrigido — obrigado a awesomerobot por apontar a causa real (detalhes aqui). A barra lateral, o menu hambúrguer e o painel de busca agora aplicam o desfoque corretamente.
Feedback é bem-vindo, estou aberto a solicitações de funcionalidades ou relatórios de bugs.
