Je viens de publier un thème que j’affinais depuis un moment, 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 thème 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 une prise en charge immédiate du basculement automatique entre les modes clair et sombre.
Dépôt : terraboss/discourse-terraglass
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/menu déroulant sont semi-transparents, avec un flou d’arrière-plan ; l’opacité et l’intensité du flou sont tous deux configurables
- Thèmes de couleurs clairs et sombres distincts et conçus sur mesure (pas simplement un thème unique inversé), vérifiés pour respecter le contraste WCAG AA pour le texte et les éléments d’interface
- Aperçus de liens onebox de type X/Twitter, avec une fine bordure et des coins arrondis
- Étiquettes en forme de drapeau/flèche, dans un style « etiquette »
- Intégrations vidéo fixes en 16:9 sur tous les appareils
- Liste des sujets zébrée avec un état au 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 thème, afin de rester visible en mode clair comme en mode sombre
- Tout ce qui précède est un paramètre de 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 la possibilité de « Vérifier les mises à jour » en un clic à l’avenir.
Mise à jour
Le problème de flou de backdrop-filter que j’avais initialement signalé ci-dessous est désormais corrigé — merci à awesomerobot d’avoir pointé la cause réelle (détails ici). La barre latérale, le menu hamburger et le panneau de recherche s’estompent désormais tous correctement.
Les retours sont les bienvenus, n’hésitez pas à soumettre des demandes de fonctionnalités ou des signalements de bugs.
