Je viens de publier un thème que j’affinais depuis un certain temps, désormais open source sous licence MIT : un design propre et moderne construit autour de surfaces translucides en verre dépoli (en-tête, barre latérale, recherche), avec un schéma de couleurs clair et sombre conçu sur mesure — aucune couleur codée en dur, tout est lié aux variables CSS personnalisées de Discourse, ce qui permet un fonctionnement immédiat avec bascule automatique entre les modes clair et sombre.
Dépôt : GitHub - terraboss/discourse-terraglass · GitHub
Fonctionnalités
- Surfaces en verre dépoli — l’en-tête, la barre latérale/menu hamburger et le champ de recherche de l’en-tête/la liste déroulante sont semi-transparents avec un flou d’arrière-plan, l’opacité et l’intensité du flou étant tous deux configurables
- Schémas de couleurs clairs et sombres distincts et conçus sur mesure (pas simplement un schéma unique inversé), vérifiés par rapport au contraste WCAG AA pour le texte et les éléments d’interface
- Aperçus de liens onebox de style X/Twitter avec une bordure fine et des coins arrondis
- Étiquettes en forme de drapeau/flèche de style Etiquette
- Intégrations vidéo fixes en 16:9 sur tous les appareils
- Liste des sujets en damier avec un état de survol subtil
- Arrondi des coins configurable pour les boutons, les cartes, les modales et les champs de saisie
- Contour de focus accessible qui utilise la couleur du texte du schéma, garantissant sa visibilité en mode clair comme en mode sombre
- Tout ce qui précède est un paramètre du thème — désactivez ou ajustez ce que vous ne souhaitez pas
Installation
Personnaliser → Thèmes → Installer → Depuis un dépôt git :
https://github.com/terraboss/discourse-terraglass
Cela vous donne également une option « Vérifier les mises à jour » en un clic pour la suite.
Problème connu
backdrop-filter (le flou derrière la barre latérale, le menu hamburger et le panneau de recherche) ne s’affiche pas dans toutes les combinaisons de navigateur/Discourse, bien que la transparence elle-même fonctionne de manière fiable et se dégrade gracieusement à elle seule. Je suis ce problème ici : backdrop-filter blur has no effect on .menu-panel — si quelqu’un a rencontré ce problème ou a des idées, je serais ravi de les entendre.
Les retours sont les bienvenus, n’hésitez pas à soumettre des demandes de fonctionnalités ou des signalements de bugs sur le dépôt.