# Terraglass — um tema de vidro fosco com paletas de luz/escuro pensadas

**URL:** <https://meta.discourse.org/t/terraglass-a-frosted-glass-theme-with-considered-light-dark-palettes/413602>\
**Category:** UX\
**Created:** [Setembro 29, 2026, 7:01pm UTC](https://meta.discourse.org/t/terraglass-a-frosted-glass-theme-with-considered-light-dark-palettes/413602 "2026-09-29T19:01:48Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![terraboss](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/terraboss/32/579307_2.png) [@terraboss](https://meta.discourse.org/u/terraboss)\
**Post date:** [Setembro 29, 2026, 7:01pm UTC](https://meta.discourse.org/t/terraglass-a-frosted-glass-theme-with-considered-light-dark-palettes/413602/1 "2026-09-29T19:01:48Z")

</div>

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](https://github.com/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:

```plaintext
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](https://meta.discourse.org/u/awesomerobot) por apontar a causa real ([detalhes aqui](https://meta.discourse.org/t/backdrop-filter-blur-has-no-effect-on-menu-panel-even-though-background-transparency-works/413534/5)). 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.**

---

_[View the full topic](https://meta.discourse.org/t/terraglass-a-frosted-glass-theme-with-considered-light-dark-palettes/413602)._