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, búsqueda) con un esquema de colores claro y oscuro diseñado específicamente para ello, sin colores codificados, todo vinculado a las propiedades CSS personalizadas de Discourse, por lo que funciona desde el principio con conmutación automática entre modo claro y oscuro.
Repositorio: terraboss/discourse-terraglass
Características
- Superficies de vidrio esmerilado: la cabecera, la barra lateral/menú hamburguesa y el campo/desplegable de búsqueda de la cabecera son semitransparentes con desenfoque de fondo, tanto la opacidad como la intensidad del desenfoque son configurables
- Esquemas de colores claros y oscuros separados y diseñados específicamente (no solo un único esquema invertido), verificados en 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 de etiqueta
- Inserciones de vídeo con relación de aspecto fija 16:9 en todos los dispositivos
- Lista de temas con franjas alternas (zebra) con 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, por lo que permanece visible tanto en modo claro como 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
Eso también te permite hacer clic en «Buscar actualizaciones» de un solo clic a partir de ahora.
Actualización
El problema de desenfoque de backdrop-filter que señalé originalmente más abajo ya está corregido, gracias a awesomerobot por señalar la causa real (detalles aquí). La barra lateral, el menú hamburguesa y el panel de búsqueda ahora se desenfocan correctamente.
Se agradece el feedback, encantado de aceptar solicitudes de funciones o informes de errores.
