Acabo de publicar un tema que he estado puliendo durante un tiempo, ahora de código abierto bajo la licencia MIT: una apariencia limpia y moderna construida en torno a superficies translúcidas de vidrio esmerilado (cabecera, barra lateral, menús, diálogos, búsqueda) con un esquema de colores claro y oscuro diseñado específicamente para ello; sin colores codificados, todo está vinculado a las propiedades CSS personalizadas de Discourse, por lo que funciona desde el primer momento con conmutación automática entre modo claro y oscuro.
Repositorio: terraboss/discourse-terraglass
Capturas de pantalla
Esquema claro, ejecutándose en Meta. Menú de notificaciones, con la página visible a través de él:
Menú desplegable de búsqueda:
Diálogos: la página de fondo se difumina en lugar de oscurecerse:
Características
- Superficies de vidrio esmerilado: la cabecera, la barra lateral/menú hamburguesa y el campo de búsqueda de la cabecera/menú desplegable son semitransparentes con un desenfoque de fondo; tanto la opacidad como la intensidad del desenfoque son configurables
- Menús y diálogos de vidrio: los menús desplegables (p. ej., notificaciones) y los diálogos comparten el aspecto esmerilado, con un borde fino y un sutil resaltado en la parte superior; detrás de un diálogo, la página se difumina en lugar de oscurecerse. La opacidad y el desenfoque son ajustables por separado para menús y diálogos
- Tinte opcional de cabecera: da a la cabecera un color sutil, ya sea siguiendo el color de acento del esquema de color activo o cualquier color personalizado, con intensidad ajustable. En Safari, el área de la barra de herramientas del navegador se tiñe para que coincida. Desactivado por defecto
- Esquemas de color claros y oscuros separados y diseñados específicamente (no solo un esquema único invertido), verificados contra el contraste WCAG AA para texto y elementos de la interfaz
- Previsualizaciones de enlaces onebox estilo X/Twitter con un borde fino y esquinas redondeadas
- Etiquetas con forma de bandera/flecha estilo etiqueta
- Incorporaciones de video fijas en 16:9 en todos los dispositivos
- Lista de temas con rayas a rayas (zebra) y un estado de hover sutil
- Redondeo de esquinas configurable en botones, tarjetas, modales y campos de entrada
- Contorno de enfoque accesible que utiliza el propio color de texto del esquema, para que siga siendo visible tanto en modo claro como en oscuro
- Todo lo anterior es una configuración del tema: desactiva o ajusta lo que no quieras
Instalación
Personalizar → Temas → Instalar → Desde un repositorio git:
https://github.com/terraboss/discourse-terraglass
Esto también te dará una opción de “Buscar actualizaciones” con un clic a partir de ahora.
Se agradece el feedback, feliz de recibir solicitudes de funciones o informes de errores.
P. D.: Capturas de pantalla tomadas en Meta 
con el tema aplicado localmente en mi navegador a través de la consola de desarrollador 
